El HTML es el bloque de construcción más básico de la Web.
Este archivo contiene algún contenido, como párrafos o títulos, organizados con algún marcado que el navegador utiliza para obtener información sobre cómo visualizar este contenido para el usuario final.
Aquí tienes un ejemplo de HTML en acción:
<!DOCTYPE html> <html> <head> </head> <body> <p>Un párrafo de texto</p> <ul> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Tercer elemento</li> </ul> </body> </html>
Este fragmento de HTML indica que un párrafo de texto es un párrafo. Luego, tenemos una lista de 3 elementos.
p significa párrafo, ul significa lista no ordenada y li significa elemento de lista.
Para cada uno de ellos, tenemos una etiqueta de apertura (como <p>), el contenido y una etiqueta de cierre (como </p>).
Entonces, <etiqueta de apertura> …contenido … </etiqueta de cierre>.
Ahora quiero contarte algo sobre HTML que debes saber.
HTML no es presentacional. No se preocupa por cómo lucen las cosas.
En cambio, se preocupa por qué significan las cosas.
No le dices «haz este párrafo rojo» en HTML.
Eso es un aspecto presentacional.
HTML solo se preocupa por el contenido.
Simplemente agrega algunos estilos predefinidos aquí y allá, como por ejemplo con la lista. Pero eso es todo. No hay personalización que puedas hacer sobre cómo se ve, en HTML.
Ese será el trabajo de CSS, pero esa es una historia para otra lección.
