Estructura Básica de HTML
Etiquetas fundamentales y estructura de un documento HTML.
1 Estructura Básica
<!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 Web</title>
</head>
<body>
<h1>¡Hola, mundo!</h1>
<p>Esta es mi primera página HTML.</p>
</body>
</html>HTML (HyperText Markup Language) es el lenguaje de marcado estándar para crear páginas web. No es un lenguaje de programación: no tiene lógica ni variables. Define la estructura y el contenido de la página usando etiquetas (tags).
<!DOCTYPE html> — Declara que el documento es HTML5.
<html lang="es"> — Elemento raíz de la página. El atributo lang indica el idioma.
<head> — Contiene metadatos: título, descripción, hojas de estilo, scripts. No se muestra visualmente.
<body> — Contiene todo el contenido visible de la página.
2 Encabezados y Párrafos
<!-- Encabezados: del más importante al menos importante -->
<h1>Título Principal</h1>
<h2>Subtítulo</h2>
<h3>Sección</h3>
<h4>Subsección</h4>
<h5>Detalle</h5>
<h6>Menor importancia</h6>
<!-- Párrafos y formato de texto -->
<p>Este es un párrafo normal.</p>
<p><strong>Texto en negrita</strong> y <em>texto en cursiva</em>.</p>
<p>Texto con <mark>resaltado</mark> y texto <small>pequeño</small>.</p>Los encabezados (h1 al h6) representan jerarquía de contenido. El h1 es el título principal de la página y solo debe haber uno por página (importante para SEO). Los h2 son subsecciones del h1, los h3 son subsecciones del h2, y así sucesivamente.
3 Comentarios y Metadatos
<!-- Esto es un comentario HTML, no se muestra en el navegador -->
<!-- Metadatos importantes en el <head> -->
<meta charset="UTF-8">
<meta name="description" content="Descripción de mi página">
<meta name="author" content="Tu Nombre">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Enlazar hoja de estilos -->
<link rel="stylesheet" href="estilos.css">
<!-- Enlazar JavaScript -->
<script src="script.js"></script>Comentarios
Sé el primero en comentar.