DevPath · Aprende a programar ESPTEN

HTML: la estructura de la web

Encabezados, párrafos y listas

Encabezados

Hay seis niveles, de <h1> (el más importante, el título de la página) a <h6>. Definen la jerarquía del contenido:

<h1>Título principal</h1>
<h2>Una sección</h2>
<h3>Una subsección</h3>

Regla de oro: un solo <h1> por página y no saltes niveles (no pases de <h2> a <h4>). Los lectores de pantalla y Google se guían por esta jerarquía para entender de qué va tu página.

Párrafos

El texto normal va en <p>:

<p>Un párrafo de texto.</p>
<p>Otro párrafo distinto.</p>

Listas

Cada elemento va en un <li> (list item):

<ul>
  <li>Manzana</li>
  <li>Pera</li>
  <li>Uva</li>
</ul>
Pon esto en práctica

DevPath es un curso práctico: aquí lees la teoría; en la app la pones en práctica con ejercicios que se ejecutan de verdad, sin conexión.

Empezar gratis en la app →
← ¿Qué es HTML?Enlaces e imágenes →