Servicios Proyectos Aprender Sobre mí Contacto
0/8
Lección 7 de 8

HTML semántico

HTML semántico significa usar etiquetas que describen el significado del contenido, no solo su apariencia. Ejemplos: <header>, <nav>, <main>, <article> y <footer>.

Mejora la accesibilidad, el SEO y la lectura del código.

HTML 
<header>
  <h1>My Blog</h1>
  <nav>
    <a href="/">Home</a>
    <a href="/about">About</a>
  </nav>
</header>

<main>
  <article>
    <h2>Blog Post Title</h2>
    <p>Content here...</p>
  </article>
</main>

<footer>
  <p>&copy; 2026</p>
</footer>
🧠

Quiz rápido

Responde bien para desbloquear la siguiente lección.

Apoya la misión

Esta plataforma de aprendizaje es 100% gratuita: sin anuncios, sin seguimiento y sin paywalls. Si te ayudó a aprender algo útil, puedes apoyar futuras lecciones o donar a Médicos Sin Fronteras, que presta atención médica de emergencia en zonas de crisis de todo el mundo.

Invítame a un café Apoya a Médicos Sin Fronteras
🎉

¡Completaste HTML!

Completaste 8 lecciones y cuestionarios de HTML. Ya tienes claras las bases.

Volver al centro de aprendizaje Empezar CSS