Glosario · El código · Fase 2
En
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:
hde heading,pde paragraph,ade anchor,imgde 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