¿Qué es HTML?
Una página web por dentro
Cuando visitás una página web ves títulos, textos, imágenes, botones, enlaces. Pero el navegador necesita saber qué es cada cosa: ¿cuál es el título? ¿cuál es un párrafo? ¿qué texto lleva a otra página?
HTML (HyperText Markup Language) es el lenguaje que permite describir esa estructura. Por ejemplo, esto le dice al navegador "esto es el título principal de la página":
<h1>Mi sitio web</h1>
El navegador lee ese <h1> y sabe que tiene que mostrar "Mi sitio web" como el título más importante — sin que nadie le diga explícitamente qué tamaño de letra usar.
¿Qué representa cada etiqueta?
Responde estas preguntas para verificar tu comprensión.
Pregunta 1
<h1>Bienvenidos</h1> <p>Este sitio es sobre programación.</p> <a href="contacto.html">Contacto</a>
Pregunta 2
HTML no es el diseño
HTML y CSS cumplen funciones diferentes:
- HTML se ocupa de qué contenido existe y cómo está estructurado.
- CSS se ocupa de cómo se ve ese contenido.
Por ejemplo, HTML puede decir "esto es un título". CSS podrá decidir después "quiero que ese título sea azul, grande y esté centrado" — pero esa decisión de diseño no cambia qué ES ese contenido. Un título sigue siendo el título, tenga el color que tenga.
En esta unidad vamos a trabajar solamente con HTML. CSS es harina de otro costal, más adelante.
Estructura vs. diseño
Responde estas preguntas para verificar tu comprensión.