Ahora vamos a profundizar en la estructura de un documento HTML y entender cada parte en detalle. 🏗️
<!DOCTYPE html>Indica al navegador que este es un documento HTML5. Debe ser la primera línea.
<html lang="es">El elemento raíz que contiene todo el documento. El atributo lang especifica el idioma.
<head>Contiene metadatos como título, codificación de caracteres, y enlaces a recursos externos.
<body>Contiene todo el contenido visible de la página web.
<meta charset="UTF-8">Define la codificación de caracteres para mostrar correctamente acentos y caracteres especiales.
<meta name="viewport" content="width=device-width, initial-scale=1.0">Optimiza la visualización en dispositivos móviles.
<title>Mi Página Web</title>El título que aparece en la pestaña del navegador y en los resultados de búsqueda.
Aquí tienes un ejemplo de un documento HTML bien estructurado:
En este ejemplo también vemos elementos semánticos que dan significado a las secciones:
<header> - Encabezado de la página<main> - Contenido principal<section> - Sección de contenido<footer> - Pie de página