Hoy os voy a explicar diferentes etiquetas que se utilizan en el código HTML. la más importante es <HTML> y </HTML>, entre las cuales se escribe todo el código de la página web.
| <head> | Sirve para añadir el título |
| <p> | Sirve para añadir el texto |
| </br> | Sirve para hacer un salto de línea |
| <center> | Sirve para centrar el texto |
| <font color =""> | Sirve para cambiar de color las letras (entre las comillas se escribe el color que se desea) |
| <font size=""> | Se utiliza para cambiar el tamaño de la letra. el máximo es el 7 y el mínimo el 1 |
| <table border> | Se usa para añadir una tabla a la página web |
| <tr> y <td> | <tr> es cada fila de la tabla y <td> es cada casilla de la misma |
| <td colspan=""> | Se utiliza para variar la extenxión de la casilla |
| <td rowspan=""> | Se utiliza para variar la altura de la casilla |
| <img src=""> | Se utiliza para insertar una imagen. Entre las comillas debes poner la dirección de la imagen |
| <a href=""> |
Se usa para añadir un enlace que te dirija a otra página |
| Para añadir un vídeo o una canción, se siguen los mismos pasos que expliqué en la entrada de Insertar archivos multimedia, es decir, se copia la url del archivo y se inserta en el código |
Para utilizar todas estas etiquetas, primeros debemos escribirlo entre los signos < y >, por ejemplo, para escribir se usa <p> y cuando se termina </p>. Para ayudaros a comprender mejor el uso de cada etiqueta, os voy a mostrar imágenes del código HTML y su resultado en la web.
Este sería el título de la página web en código HTML y su resultado en la web.
Aquí os muestro cómo insertar una imagen en la página web.
Aquí podéis observar que he utilizado <p> para añadir el texto, <font color="silver"> para que la letra se vea de color gris en la primera frase ( en el resto he utilizado la misma etiqueta para que se vea de color amarillo), <font size=4> para cambiar el tamaño y <a href= ""> para añadir un enlace
que lleve a la web de la Casa del Libro.
Aquí os muestro cómo centrar el texto mediante <center>, también he añadido un vídeo de YouTube copiando y pegando el código URL del vídeo.
Finalmente, os muestro cómo se hacen las tablas en el código HTML, variando la altura, la anchura y el número de celdas en cada tabla.
¡Hasta la próxima!
No hay comentarios:
Publicar un comentario