⇢Estos días hemos estado aprendiendo etiquetas de html y usándolas.
⇢Aquí os pondré un listado con todas las que hemos aprendido:
***Cuando escribo (texto) es cualquier texto u oración que quieras poner.
| Para empezar el blog hemos usado las primeras etiquetas. | Nombrando al blog de TIC: Mi página web. | <html> </html> Define la raíz del documento. |
| Para escribir oraciones en el blog. | Como en la presentación: Mi nombre es Estela Márquez. | <p> </p> Define un párrafo. |
| Para centrar el texto. | webEstela04.html | <style= "text-align: center";> |
| Para añadir imagen. Con título. Con tamaño que quieras. | webEstela04.html |
<img title="(Título).
src="(dirección)"
width="400"
height="201" />
|
| Para definir el cuerpo del documento. | Hecho a lo largo del blog. | <body> </body> |
| Usando la etiqueta anterior podemos ponerle un color de fondo al blog. |
Yo puse un color rosa pastel.
Aquí os dejo
varios colores bonitos:
-lila: #f4eeff -rosa claro: #fde2e2 -verde claro: #d4ebd0 | <body style="background- color:#f4eeff";> |
| Para insertar un video. Ir a youtube y copiar el link "embed", en la opción de compartir. | Yo añadí un video clip. | <p> (la dirección copiada) </p> |
| Para insertar audio. Ir a SounCloud, elegir la opción compartir y copiar el link "embed". | Yo hice eso con la canción: One last time. | <p> (la dirección copiada) </p> |
| Para añadir una presentación de Powtoon. Como antes: -compartir -copiar el link "embed". | Yo añadí mi última a presentación de Powtoon. | <p> (la dirección copiada) </p> |
| Para insertar un link en una imagen. | La imagen del perro lleva a una página web de adopción. webEstela04.html |
<img title="(Título).
src="(dirección)"
href: (dirección
a la página web) /> |
| Para insertar un link, pero que solo aparezca el nombre de pa pagina web. |
Yo lo hice con
Netflix y Spotify
| <p> <a href="(link)"> (nombre)</a> </p> |
| Para añadir una tabla. | Como en la que estoy escribiendo ahora. | <body> <table border=*> <tr> <td>(texto)</td> <td>(texto)</td> <td>(texto)</td> </tr> </body> |
| Para poner texto en cursiva. | Hola. | <u>(texto)</u> |
| Para poner texto en negrita. | Me llamo Estela. | <b>(texto)</b> |
| Para poner texto subrayado. | Vivo en Cádiz. | <i>(texto)</i> |
| Para cambiar el color de las letras. | Mi color favorito es el azul. | <font color= "#"> (texto)</font> |
| Para cambiar el tamaño de los caracteres. Hay desde el tamaño 6 (el menor) al 1. | Hola. ¿Qué tal? | <font size= 4> (texto)</font> |
No hay comentarios:
Publicar un comentario