HTML: el esqueleto de la web
Bienvenido al track donde lo que escribes aparece en pantalla al instante. HTML (HyperText Markup Language) es el esqueleto de toda web: el lenguaje con el que se describe la estructura de una página. Y en unos minutos tendrás tu primera página.
No es un lenguaje de programación: es un lenguaje de marcado. Le dices al navegador "esto es un título", "esto es un párrafo", "esto es una imagen", y él lo dibuja. Tú mandas, él pinta.
Etiquetas y elementos
El marcado se hace con etiquetas entre < y >. La mayoría van en pareja,
como unas pinzas: una de apertura y una de cierre (esta con /). Apertura,
contenido y cierre forman un elemento.
<p>Esto es un párrafo.</p>
<p>abre el párrafo.</p>lo cierra.- El texto entre medias es el contenido.
Anidar elementos
Los elementos se meten unos dentro de otros, formando un árbol:
<body>
<h1>Mi blog</h1>
<p>Bienvenido a mi <strong>primer</strong> sitio web.</p>
</body>
<strong> (negrita con énfasis) vive dentro del párrafo, como una caja
dentro de otra caja. Esa jerarquía de cajas anidadas es justo el DOM que ya
viste en JavaScript.
En estos ejercicios escribes HTML y ves el resultado al instante en la vista previa. Pulsa Comprobar y verás tu página cobrar forma; la validación comprueba la estructura que generas.