Saltar al contenido principal

Estructura básica de un documento HTML

¿Alguna vez te has preguntado cómo comienzan las páginas 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>
<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. <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.

tip

Para aprender a estilizar un documento HTML con hojas de estilo CSS visita la sección de Introducción a CSS.