🌌 Estructura y elementos principales en HTML 🌌
Una página web básica en HTML sigue una estructura específica. Aunque el código puede ser muy complejo, la estructura mínima incluye varios elementos esenciales:
Estructura de un documento HTML:
Un archivo HTML básico tiene una estructura simple pero clara que debe seguirse. Aquí te doy un ejemplo ampliado con algunas explicaciones:
Explicación de algunos elementos clave:
<!DOCTYPE html>: Declara el tipo de documento y es necesario para HTML5.
<html>: Encierra todo el contenido de la página.
<head>: Contiene información sobre la página que no se muestra directamente al usuario, como metadatos y enlaces a archivos externos (por ejemplo, hojas de estilo).
<body>: Contiene el contenido visible para el usuario, como texto, imágenes, enlaces y más.
Dentro del <body>, encontramos varias etiquetas importantes:
<h1>a<h6> : Son etiquetas de encabezado y definen la jerarquía de los títulos. <h1>es el título más importante, mientras que <h6>es el menos importante.
<p>: Defina un párrafo de texto.
<a>: Usada para crear enlaces a otras páginas o sitios web. La propiedad hrefespecifica la URL de destino.
Breve ejemplo:
<!DOCTYPE html> <!-- Declara que este es un documento HTML5 -->
<html lang="es"> <!-- El idioma del contenido es español -->
<head> <!-- Aquí van los metadatos (información sobre la página) -->
<meta charset="UTF-8"> <!-- Define la codificación de caracteres -->
<meta content="width=device-width, initial-scale=1.0"> <!-- Asegura que la página se vea bien en dispositivos móviles -->
<title>Mi Página Web</title> <!-- Título que se muestra en la pestaña del navegador -->
</head>
<body> <!-- El contenido visible de la página -->
<h1>Bienvenidos a mi página web</h1> <!-- Encabezado principal -->
<p>Este es un párrafo de texto. Aprenderemos sobre HTML.</p> <!-- Un párrafo de texto -->
<a href="https://www.example.com">Haz clic aquí para visitar otro sitio</a> <!-- Enlace a otra página -->
</body>
</html>