Encabezados (<h1> – <h6>)
Los encabezados en HTML se utilizan para definir títulos y subtítulos, y su tamaño y nivel de importancia disminuyen a medida que el número en la etiqueta aumenta. Los encabezados también juegan un papel crucial en la accesibilidad y el SEO, ya que estructuran el contenido en una jerarquía clara.
Ejemplos de etiquetas de encabezado:
Encabezado de nivel 1 (<h1>): El título más importante y de mayor tamaño.
<h1>Este es un encabezado de nivel 1</h1>Encabezado de nivel 2 (<h2>): Subtítulo de segundo nivel.
<h2>Este es un encabezado de nivel 2</h2>Encabezado de nivel 3 (<h3>): Subtítulo de tercer nivel.
<h3>Este es un encabezado de nivel 3</h3>Encabezado de nivel 4 (<h4>): Subtítulo de cuarto nivel.
<h4>Este es un encabezado de nivel 4</h4>Encabezado de nivel 5 (<h5>): Subtítulo de quinto nivel.
<h5>Este es un encabezado de nivel 5</h5>Encabezado de nivel 6 (<h6>): Subtítulo de sexto nivel.
<h6>Este es un encabezado de nivel 6</h6>Notas:
- Los encabezados deben usarse en orden jerárquico (de
<h1>a<h6>) para mantener una estructura lógica. <h1>suele usarse para el título principal de la página, mientras que los encabezados de nivel inferior se utilizan para secciones y subsecciones.
Párrafos (<p>)
Los párrafos en HTML se utilizan para definir bloques de texto. Cada párrafo comienza con una nueva línea y el texto dentro de un párrafo se presenta con un espacio superior e inferior por defecto, lo que ayuda a separar el contenido visualmente.
Ejemplo de párrafo:
<p>Este es un párrafo de ejemplo. Los párrafos se utilizan para agrupar bloques de texto en un documento HTML. Cada párrafo se muestra en una línea separada y tiene espacio alrededor para mejorar la legibilidad.</p>Notas:
- Los párrafos no deben contener etiquetas de encabezado ni otros elementos de bloque como
<div>. Para agrupar contenido más complejo, usa<div>o<section>dentro de los párrafos. - Para separar el texto dentro de un párrafo, se puede usar la etiqueta
<br>para saltos de línea, aunque su uso debe ser moderado.