Tutorial:XHTML

Etiquetas (o tags) HTML

Un lenguaje de etiquetas es un conjunto de palabras o caracteres que se colocan junto al texto de un documento para especificar una propiedad del mismo.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (< >), y algunas tienen atributos que pueden tomar algún valor.

Cada etiqueta tiene un significado: <b> significa negrita, <p> significa párrafo, <a> definirá un enlace...

¿Cómo se aplican las etiquetas?

En general las etiquetas se aplicarán de dos formas especiales:

1.- Se abren y se cierran, encerrando entre ellas un contenido. Por ejemplo: <b>Esto sería un texto en negrita</b> que se vería en su navegador web como Esto sería un texto en negrita.

2.- No pueden abrirse y cerrarse, como <hr /> que se vería en el navegador web como una línea horizontal.
Existen otras etiquetas que no tienen su correspondiente de cierre, como <img /> para las imágenes, o <br /> para los saltos de línea; las veremos más adelante. Esto ocurre porque un salto de línea o una imagen no empiezan y acaban más adelante sino que sólo tienen presencia en un lugar puntual.

Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin con el siguiente formato:

<etiqueta> bloque de texto </etiqueta>

Así que la página web, vista con un editor de texto, contiene una mezcla de texto normal y una serie de códigos.

Por ejemplo, un párrafo se encierra entre las etiquetas o tags <p> y </p>.

Atributos de los TAGS

Muchos elementos tienen atributos que definen propiedades del elemento:

<etiqueta atributo="valor"> bloque de texto </etiqueta>

Un atributo no es más que un parámetro incluido en el interior de la etiqueta que ayuda a definir el funcionamiento de la etiqueta (o TAG) de una forma personalizada.

El valor de los atributos deberá ir entre comillas.

Estructuración e indentación del código

Las etiquetas tienen que seguir un orden piramidal; las primeras que se abren son las últimas que se cierran.

<etiqueta 1>
	<etiqueta 2>
    		<etiqueta 3>
        		Contenido
        	</etiqueta 3>
    	</etiqueta 2>
</etiqueta 1>

Sin embargo, existen reglas estructurales que indican dónde pueden y no pueden ir los elementos. Tenemos el ejemplo de los títulos, que son independientes entre ellos, no pudiendo contenerse unos a otros. El siguiente código sería incorrecto:

<h1>
	<h2>
    		Contenido
  	</h2>
</h1>