TUTORIAL HTML: 2. ETIQUETAS
HTML consta de una serie de órdenes que indican al navegador cómo queremos que aparezcan representados todos los elementos (texto, imágenes, rótulos, etc…) que contiene el documento. Estas órdenes son las etiquetas, que van enmarcadas por los signos <>.
Ejemplos:
<a> <font> <table> , etc.
Las etiquetas de HTML pueden ser de dos tipos: cerradas o abiertas.
1. Etiquetas cerradas
Son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final.
Ejemplo:
<p>Esta lección es fácil</p>
La etiqueta <p></p> es la que contiene el texto de un párrafo. Decimos que es etiqueta cerrada porque necesita <p> para iniciar el párrafo y </p> para cerrarlo. (Obrsérvese la barra «/» de la etiqueta de cierre)
Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas, encerradas unas por otras como si de muñecas rusas (matruskas) se tratara.
Ejemplo:
<p> Esta <b>lección</b> es fácil</p>
La palabra «lección» del ejemplo está encerrada dentro de la etiqueta <b></b> que indica estilo negrita. En este caso; únicamente la palabra «lección» aparecerá en negrita. Esto será lo que veremos en el navegador:
Esta lección es fácil.
2.- Etiquetas abiertas:
Constan de una sola palabra clave. No necesitan cerrarse al final.
Ejemplo:
<br>
que indica salto de línea.
Parámetros de las etiquetas.
Una etiqueta puede contener «parámetros», es decir, otras palabras claves que especifican y definen aún más concretamente cada etiqueta. Los parámetros se indican a continuación de la palabra clave de la etiqueta y dentro de sus signos <>.
Ejemplo:
| <body bgcolor=»#FFFFFF»> </body> | Bgcolor es un parámetro de la etiqueta <body>. Indica que el color de fondo del cuerpo del documento es blanco ( #FFFFFF) |
*nota: hemos resaltado las etiquetas en negrita para una mayor comprensión, pero no es necesario hacerlo en nuestro editor de texto.
