He vuelto esta vez para explicaros como funcionan las etiquetas a la hora de crear páginas web.
Primero de todo y lo más importante es que Tanto al principio como al final están formados por una llave de apertura(< >) y una de cierre al final (< >), además, todo esto se realizará en el bloc de notas. Está formado por un "html", un "head" el cual lleva un "title" y ,finalmente, un "body" que se puede dividir en párrafos mediante el comando "p", todos deben llevar sus llaves de apertura y de cierre.
El primer día hicimos una introducción formada por un "title"y un "body" el cual llevaba párrafos donde explicábamos las distintas etiquetas para poner palabras tanto en cursiva,como subrayada,negrita o tachada además de cambiar el color de fondo.
-Para ponerla en cursiva se usa la letra "i": <i>Se haría así</i>
-Para ponerla en negrita se usa la letra "b": <b>(Todo lo que queremos poner en negrita)</b>
-Para tacharlo se usa la letra "s": <s>...</s>
-Para cambiar se usa esta etiqueta: <body style="background-color:(color);"> Se puede escribir tanto como el nombre del propio color o mediante un conjunto de números iniciado con un "#".
Esto es un ejemplo de cómo se haría:
El segundo trabajo consistía en añadir una imagen y que se especifique su tamaño y nombre al poner encima el ratón. Para ello pondremos la siguiente etiqueta:
<img src="(Nombre exacto de la imagen incluido su formato)" title="(Nombre que queremos que salga cuando pongamos el ratón encima) width="..." height="..."/>.
El tercer día insertamos hiperenlaces los cuales nos llevaban a páginas que se abrirán en otra pestaña. Para ello pondremos la siguiente etiqueta:
<a href="(URL de la página)">Aquí va lo que queremos que se vea en hiperenlace</a>.
El cuarto día insertamos una canción de soundcloud, powtoon y youtube. Esto no tiene complicación puesto que se realiza igual que como hicimos con el blog, le daremos a compartir y a insertar, dicho contenido lo pegaremos en el bloc de notas tal y como viene y ya estaría.
El quinto día aprendimos a insertar tablas, es un tema un poco más complicado de explicar pero en cuanto lo veáis es muy sencillo. Para empezar, se insertan tablas mediante la etiqueta <table> y ajustaremos su unidad de medida poniendo <table border="...">. Insertaremos filas mediante <tr> y columnas con <td>. Dichas columnas la podremos ampliar hacia la derecha(<td colspan="nº">nº de la columna</td>) o hacia la izquierda (<td rowspan="nº">nº de la columna</td>). Podeis jugar con estas etiquetas y hacer cosas como esta:
| Celda 1 | |||||||||
| Celda 2 | Celda 3 | Celda 4 | |||||||
| Celda 5 | |||||||||
Finalmente, el sexto día nos pidieron que cambiásemos el color y tamaño de las letras. Para ello, usaremos la etiqueta<font size="..." color="...">...</font>.
Esto responde la gran pregunta:¿Se pueden usar las etiquetas en el blog? Pues claro,con tan solo copiar la etiqueta del bloc de notas y pegarla en la opción de HTML del blog bastaría, un ejemplo son la tabla y las letras anteriormente hechas.
Un saludo y espero que os haya servido.
No hay comentarios:
Publicar un comentario