Etiquetas de HTML

← Diseño Web ⌂ Home

¿Qué son las etiquetas de HTML?

Las etiquetas son la representación básica de la información en un documento html. Sirven para crear y organizar el contenido. Cada etiqueta tiene un uso y significado especial.

La sintaxis general de una etiqueta es la siguiente:

<nombre>contenido</nombre>

Por ejemplo, la etiqueta para representar un párrafo de texto es la siguiente:

<p>Esta etiqueta sirve para representar un párrafo</p>

Hay ciertas etiquetas que tienen una sintaxis diferente, ya que se cierran en sí mismas; es decir, no tienen etiqueta de cierre:

<nombre />

¿Qué podemos observar en este tipo de etiquetas? Exacto, que no tienen contenido.

Por ejemplo, la etiqueta para representar una imágen:

<img src=”imagen.jpg” />

Podemos observar que dentro de la etiqueta tenemos un dato extra, el atributo src.

¿Qué son los atributos?

Los atributos almacenan información adicional sobre el elemento y se almacenan en la etiqueta de apertura.

Algunas de las etiquetas más usadas

Algunas de las etiquetas más conocidas y usadas son:

Etiquetas de cabecera (head)

Etiquetas del cuerpo del documento (body):

Conclusión

Podemos concluir que la estrutura de una etiqueta estará definida de la siguiente forma:

Estructura de una etiqueta

NOTA: al conjunto de una etiqueta de apertura, contenido y etiqueta de cierre también se le conoce como ELEMENTO de HTML.

Ejercicio

Consulta los siguientes links e investiga para que sirven las etiquetas que te indique el profesor.