Elementos, etiquetas y atributos

La primera etiqueta

HTML usa elementos para describir el contenido. Un elemento puede indicar que un texto es un párrafo:

<p>Este es un párrafo.</p>

Ese código tiene tres partes:

• <p> — la etiqueta de apertura
• Este es un párrafo. — el contenido
• </p> — la etiqueta de cierre (con la barra /)

Al conjunto de las tres partes juntas — apertura, contenido y cierre — se lo llama elemento.

Elementos dentro de elementos

Los elementos HTML pueden estar contenidos dentro de otros elementos — esto se llama anidar, y permite construir una estructura jerárquica:

<p>
    Este texto tiene
    <strong>una parte importante</strong>.
</p>

Acá <strong> (que resalta el texto como importante) está anidado adentro de <p>. Una regla clave: los elementos anidados tienen que cerrarse en orden — el que se abrió último es el que se cierra primero. Esto funciona:

<p><strong>texto</strong></p>

Esto NO — las etiquetas quedan cruzadas:

<p><strong>texto</p></strong>

¿Qué es un atributo?

Algunos elementos necesitan información adicional para funcionar. Esa información se agrega mediante atributos, dentro de la etiqueta de apertura:

<a href="contacto.html">Contacto</a>

Acá:

• a es el elemento (un enlace)
• href es el atributo — indica hacia dónde lleva el enlace
• "contacto.html" es el valor de ese atributo

Un elemento puede tener varios atributos, siempre dentro de la etiqueta de apertura y separados por espacios:

<img src="foto.jpg" alt="Una foto">