Tu primer HTML

En esta lección aprenderás la estructura básica de las etiquetas HTML para construir una página de texto con títulos y párrafos. Es el punto de partida para cualquiera que busque «cómo se escribe HTML» o «etiquetas HTML para principiantes».

HTML es un lenguaje que da significado al texto mediante «etiquetas». Una etiqueta viene en tres partes — apertura, contenido y cierre — donde <h1> representa un título y <p> un párrafo. El navegador lee esas etiquetas y aplica automáticamente el tamaño de letra y el espaciado adecuados. Hay muchísimas etiquetas, pero con recordar estas dos — «título» y «párrafo» — ya puedes montar una página de texto sencilla.

El código de ejemplo crea un título grande con <h1> y dos párrafos con <p>. Reescribe el código y pulsa «Ejecutar» para ver la vista previa debajo: practica comprobando cómo cambia el aspecto cada vez que tocas una etiqueta.

El tropiezo más habitual al empezar es olvidar la etiqueta de cierre (la que lleva barra, como </h1>). Si falta, incluso el texto que viene después puede mostrarse de forma inesperada. Quédate con la regla: apertura y cierre siempre van en pareja.

En el desarrollo web real, el HTML es lo primero que se construye: es el «esqueleto» de la página. Por muy vistoso que sea el diseño de un sitio, en su base hay un montón de etiquetas tan simples como estas.