Ruta Full Stack
0✦ 0
Glosario · El código · Fase 2

Etiqueta

La marca con la que HTML dice qué es cada trozo de contenido: esto es un título, esto un párrafo, esto un enlace.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: etiquetas · etiqueta HTML · tag · tags · atributo · atributos · elemento HTML

Analogía

Las etiquetas de las cajas en una mudanza: "cocina", "libros", "frágil". No cambian lo que hay dentro; dicen qué es y cómo tratarlo.

Tócala: las partes de un elemento

Pasa por encima de cada trozo

etiqueta de aperturaEmpieza un elemento. a significa enlace.

Las que verás al leer tu carta

Etiqueta Es
<h1> … <h6> títulos, del más importante al menos
<p> un párrafo
<a> un enlace
<img> una imagen
<ul> y <li> una lista y cada uno de sus elementos
<header>, <main>, <footer> cabecera, contenido principal y pie
<section> una sección

Lo que hay que saber para leer, no para escribir

  • Lo que se abre, se cierra. Y unas van dentro de otras, como cajas.
  • La sangría (los espacios al principio de cada línea) no cambia nada: está para que se vea qué caja contiene a cuál.
  • Los nombres vienen del inglés: h de heading, p de paragraph, a de anchor, img de image.

Con esto ya puedes abrir el index.html de tu carta y decir qué es cada bloque. Escribirlas con criterio es la Fase 3.

Comprueba que lo entendiste

En <img src="milanesa.jpg" alt="Milanesa napolitana">, ¿qué son src y alt?

Ver también

HTML · enlace · CSS · DevTools