Cómo estructurar un nuevo documento HTML
HTML (lenguaje de marcado de hipertexto) es la columna vertebral del contenido web y proporciona estructura a la información que se muestra en los sitios web. Todo documento HTML sigue una estructura básica que incluye elementos esenciales. Profundicemos en los componentes clave.
1. '<!DOCTYPE html>'
Esta declaración define el tipo de documento y la versión de HTML que se utiliza. Para páginas web modernas, se acostumbra utilizar '<!DOCTYPE html>'.
2. '<html>'
El elemento raíz encapsula todo el documento HTML.
3. '<head>'
La sección de encabezado contiene metainformación sobre el documento, como el título, el juego de caracteres y las hojas de estilo vinculadas.
4. '<title>'
Este elemento establece el título del documento HTML, que aparece en la pestaña o ventana del navegador.
5. '<body>'
El elemento del cuerpo contiene el contenido del documento HTML, incluido texto, imágenes, enlaces y más.
Ejemplo de documento HTML
Ahora, reunámoslo todo en un ejemplo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>En este ejemplo, reemplace "My HTML Document" con el título que desee y ajuste el contenido dentro de '<body>' en consecuencia. Comprender esta estructura básica sienta las bases para crear páginas web bien organizadas y semánticamente significativas.
Bonificación: etiquetas de cierre
Al redactar una página HTML, es importante asegurarse de que todas las etiquetas estén cerradas correctamente para evitar problemas de flujo y representación de la página. Para ayudar con esta tarea, consulte nuestra Herramienta de verificación de etiquetas HTML no cerradas para detectar problemas estructurales en su código HTML.