Saltar al contenido principal

Estructura Básica de una Página Web en HTML: Guía Completa con Ejemplo

Estructura básica de un documento HTML

Aprende cómo hacer la estructura básica de una página web en HTML. Descubre sus elementos principales con un ejemplo claro y explicado paso a paso.

¿Cuál es la estructura de una página web?​

Todo sitio que ves en Internet parte de una estructura sencilla pero fundamental: el documento HTML. En este tutorial aprenderás a construir tu primera página web desde cero, entendiendo cada parte del esqueleto básico de HTML. Desde la declaración <!DOCTYPE html> hasta las etiquetas <head> y <body>, descubrirás cómo darle forma a tu contenido y dar el primer paso como desarrollador web.

Todo documento HTML cuenta con una estructura básica y comienza con la declaración <!DOCTYPE html> seguida por la etiqueta <html>. Dentro de esta etiqueta, tenemos dos secciones principales: <head> y <body>.

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Mi primera página web</title>
  </head>
  <body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es mi primer documento HTML.</p>
  </body>
</html>

<!DOCTYPE html> Esta declaración define el tipo de documento y la versión de HTML que se está utilizando. <html> Es la raíz del documento HTML y lang="es" especifica el idioma del contenido.

<head> Contiene meta-información sobre el documento, como el título y enlaces a hojas de estilo CSS o scripts. <title> Define el título del documento que aparece en la pestaña del navegador.

<body> Contiene la parte visible de la página web, como encabezados, párrafos, imágenes, enlaces, etc.

Esquema gráfico de una estructura HTML básica​

Esquema gráfico de una estructura HTML básica
Recursos
Ejercicios

💻 Prueba con este ejercicio básico sobre estructura HTML: