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>
.
<!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.
Para aprender a estilizar un documento HTML con hojas de estilo CSS visita la sección de Introducción a CSS.