Todos los días navegamos por internet y vemos páginas con textos, imágenes y enlaces. Lo que quizá no sabías es que esas páginas están construidas con un lenguaje especial llamado HTML.
Para entenderlo mejor, imagina que HTML es como el esqueleto de una página web. Le da orden y significado a los elementos, pero no define su apariencia (de eso se encarga otro lenguaje llamado CSS, del cual hablaremos más adelante).
Un poco de historia
HTML fue creado en 1993 con el propósito de establecer reglas claras para estructurar documentos en la web. Desde entonces ha evolucionado, pero su esencia sigue siendo la misma: marcar el contenido para que los navegadores sepan cómo mostrarlo.
Hoy en día, con HTML podemos hacer mucho más que solo mostrar texto, pero su función principal sigue siendo la misma: estructurar la información de una página de manera clara y organizada.
Primer vistazo a HTML
<section>
<h1>Fundamentos de HTML y CSS</h1>
<p>
En este curso, explorarás varias tecnologías populares
utilizadas para crear páginas web.
</p>
<p>
Empezarás a trabajar con HTML y CSS.
Aprenderás a revisar tu código con herramientas especializadas.
</p>
</section>
Al principio se ve complicado. Vamos a desglosarlo poco a poco:
<section>: Define una sección en la página.<h1>: Es un encabezado principal, usado para títulos importantes.<p>: Define un párrafo de texto.
Cada palabra dentro de los símbolos < > es una etiqueta HTML, que indica el tipo de contenido. Dentro de cada etiqueta se encuentra el texto que el usuario verá en la página.
¿Cómo funciona?
El navegador interpreta estas etiquetas y muestra el contenido de una manera organizada. Por ejemplo, un <h1> se verá más grande porque es un título, mientras que un <p> se verá como un párrafo normal.
Cuando aprendas HTML, notarás que todo el contenido de una página está compuesto por este tipo de etiquetas. La clave es usarlas correctamente para darle significado a la información.
Resumen
- HTML es el lenguaje que da estructura al contenido de una página web.
- Define elementos como títulos, párrafos, imágenes y enlaces.
- Las etiquetas HTML organizan el contenido dentro de la página.
- Los navegadores leen el código HTML y lo interpretan para mostrarlo en pantalla.
