Introducción a HTML

¿Te has preguntado cómo Angular muestra el contenido en el navegador? ¡Las plantillas HTML son la respuesta!

Imagina que tienes que escribir varias cartas. Aunque cada carta tenga un mensaje diferente y vaya dirigida a distintas personas, todas comparten el mismo formato: fecha, saludo, contenido y despedida. En Angular, las plantillas funcionan de manera similar: son como un formato predefinido que nos permite mostrar diferente información manteniendo una estructura consistente.

Para crear estas plantillas en Angular, utilizamos HTML, que es el lenguaje básico para crear páginas web.

¿Qué es HTML?

HTML es el lenguaje fundamental que todos los navegadores web (como Chrome, Firefox o Safari) entienden y utilizan para mostrar páginas web. Es como el esqueleto de toda página web que visitas.

HTML significa “HyperText Markup Language” (Lenguaje de Marcado de Hipertexto). Vamos a entender qué significa esto:

HyperText (Hipertexto): Es texto que puede conectarse con otras páginas web a través de enlaces (¡como cuando haces clic en un link y te lleva a otra página!)
Markup (Marcado): Se refiere a que usamos etiquetas especiales para “marcar” o “etiquetar” diferentes partes de la página y decirle al navegador cómo debe mostrarlas
Language (Lenguaje): Es el conjunto de reglas y etiquetas que usamos para escribir nuestras páginas

Las etiquetas HTML son fáciles de reconocer porque siempre van entre los símbolos < y >. Por ejemplo: <p> para párrafos, <h1> para títulos, <button> para botones. ¡No te preocupes si no las conoces todas ahora, las iremos aprendiendo poco a poco!