HTML Básico

< Anterior Siguiente >

Estructura básica de un documento HTML

Un documento HTML se estructura utilizando etiquetas que indican al navegador cómo mostrar el contenido. A continuación, se presenta la estructura básica que debe tener todo documento HTML.

Estructura mínima de HTML

El siguiente ejemplo muestra el código más básico necesario para crear una página web:

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

Descripción del código

A continuación se detalla cada parte de este código:

<!DOCTYPE html>: Declara que el documento sigue la especificación HTML5.
<html>: Contenedor raíz de todo el contenido HTML.
<head>: Contiene metadatos sobre el documento, como su título y la codificación de caracteres.
<meta charset="UTF-8">: Establece la codificación de caracteres a UTF-8, que es estándar para la mayoría de los idiomas.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Optimiza la visualización en dispositivos móviles.
<title>: Define el título de la página que se muestra en la pestaña del navegador.
<body>: Contiene todo el contenido visible de la página.
<h1>: Representa un encabezado principal.
<p>: Representa un párrafo de texto.

Encabezados en HTML

Los encabezados se utilizan para definir títulos y subtítulos en el documento. HTML ofrece seis niveles de encabezados, siendo <h1> el de mayor importancia y <h6> el de menor:

<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>

Párrafos en HTML

Los párrafos en HTML se definen utilizando la etiqueta <p>. Los párrafos se utilizan para agrupar bloques de texto que forman una unidad de contenido:

<p>Este es un párrafo de texto.</p>
<p>Este es otro párrafo de texto.</p>

Comentarios en HTML

Los comentarios se utilizan para dejar notas dentro del código que no se mostrarán al usuario. Los comentarios se escriben entre :

<!-- Este es un comentario en HTML -->