Capítulo 4.5: Introducción a HTML: estructura básica, etiquetas y atributos - Etiquetas de encabezado
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web. Permite a los desarrolladores crear contenido estructurado incorporando texto, imágenes, enlaces y otros elementos. La estructura básica de un documento HTML consta de "etiquetas" y "atributos".
Estructura básica de HTML
La estructura básica de un documento HTML se compone de una serie de elementos HTML, cada uno representado por una etiqueta. Una etiqueta es un identificador de elemento rodeado por corchetes angulares. Las etiquetas suelen venir en pares, con una etiqueta de apertura y una etiqueta de cierre, y el contenido del elemento se encuentra entre las dos.
Por ejemplo, un párrafo de texto se escribiría de la siguiente manera:
<p>Este es un párrafo.</p>
Aquí, <p> es la etiqueta de apertura, </p> es la etiqueta de cierre y "Esto es un párrafo". es el contenido del elemento.
Etiquetas y Atributos
Las etiquetas HTML definen el tipo y la estructura del contenido, mientras que los atributos proporcionan información adicional sobre los elementos. Los atributos se incluyen en la etiqueta de apertura y están representados por un nombre y un valor. Por ejemplo, la etiqueta de enlace <a> Puede incluir el atributo "href" para especificar la URL del enlace:
<a href="https://www.example.com">Este es un enlace.</a>
Aquí, "href" es el nombre del atributo y "https://www.example.com" es el valor del atributo.
Etiquetas de encabezado
Las etiquetas de encabezado se utilizan para definir títulos y subtítulos en un documento HTML. Hay seis niveles de títulos, representados por las etiquetas <h1> a <h6>. El <h1> se utiliza para el título principal, mientras que <h2> a <h6> se utilizan para subtítulos de niveles progresivamente más bajos.
Por ejemplo, un documento HTML podría tener la siguiente estructura de encabezado:
<h2>Subtítulo 1</h2>
<h3>Subtítulo 2</h3>
<h4>Subtítulo 3</h4>
<h5>Subtítulo 4</h5>
<h6>Subtítulo 5</h6>
Las etiquetas de encabezado no solo estructuran visualmente el contenido para los lectores, sino que también desempeñan un papel importante en la optimización de motores de búsqueda (SEO) al ayudar a determinar la relevancia del contenido.
En resumen, la estructura básica de un documento HTML está formada por etiquetas y atributos, que definen el tipo, estructura e información adicional del contenido. Las etiquetas de encabezado son una parte importante de esta estructura, ya que definen los títulos y subtítulos del contenido. Dominar el uso de estos elementos básicos es un paso fundamental para convertirse en un desarrollador front-end eficaz.
