Saltar al contenido principal

Estructura Básica

Todo documento HTML debe seguir una estructura estandarizada para que los navegadores lo interpreten correctamente.

Aquí tienes el "esqueleto" mínimo de una página web en HTML5:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Título de la Página</title>
</head>
<body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es mi primer documento HTML.</p>
</body>
</html>

Análisis de la estructura​

  • <!DOCTYPE html>: Declara qué tipo de documento estamos utilizando (HTML5). Le dice al navegador que espere reglas modernas.
  • <html>: Es el elemento raíz. Todo el contenido de la página web debe estar contenido dentro de este elemento (y sus etiquetas de apertura <html> y cierre </html>).
  • <head>: Contiene metadatos e información que no se muestra directamente en la página visible. Aquí incluimos:
    • <meta charset="UTF-8">: Indica que el archivo usa codificación UTF-8, lo que permite mostrar caracteres especiales y acentos (á, é, ñ).
    • <title>: El texto que aparece en la pestaña del navegador y en los resultados de búsqueda.
  • <body>: Contiene todo el contenido visible de la página (textos, imágenes, videos, enlaces, botones).

Asegurarte de que esta estructura esté correcta es fundamental antes de empezar a añadir más contenido.