Un documento HTML se compone de varios elementos que permiten organizar y estructurar el contenido. A continuación, se detalla cada parte de la estructura básica:
1. Declaración del tipo de documento (DOCTYPE)
La primera línea de un documento HTML es la declaración del tipo de documento (DOCTYPE), que indica al navegador qué tipo de documento está procesando. Para HTML5, se utiliza la siguiente declaración:
<!DOCTYPE html>2. Elemento raíz (<html>)
El elemento raíz es <html>, que encapsula todo el contenido del documento. Este elemento también puede incluir el atributo lang para especificar el idioma del documento:
<html lang="es">3. Sección de encabezado (<head>)
La sección <head> contiene metadatos sobre el documento, como el título, la codificación de caracteres y enlaces a archivos CSS o scripts. Algunos elementos comunes en esta sección son:
-
<meta charset="UTF-8">- Establece la codificación de caracteres a UTF-8. -
<meta name="viewport" content="width=device-width, initial-scale=1.0">- Configura el diseño responsivo para dispositivos móviles. -
<title></title>- Define el título que aparecerá en la pestaña del navegador.
4. Sección del cuerpo (<body>)
La sección <body> contiene el contenido visible del documento, como texto, imágenes, enlaces, etc. Es donde se incluye todo lo que los usuarios verán en la página. Un ejemplo de su uso es:
<body>
<h1>Bienvenido a mi página web</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>Ejemplo Completo
A continuación, se presenta un ejemplo completo de un documento HTML básico:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplo de Documento HTML</title>
</head>
<body>
<h1>Hola, Mundo!</h1>
<p>Este es un ejemplo de la estructura básica de un documento HTML.</p>
</body>
</html>
Comentarios
Publicar un comentario