Introducción a HTML
HTML (HyperText Markup Language) es el lenguaje estándar utilizado para crear páginas web. En esta serie de lecciones, exploraremos los fundamentos de HTML y cómo utilizarlo para crear contenido estructurado y atractivo en la web.
Estructura Básica de un Documento HTML
Un documento HTML típico comienza con una declaración de tipo de documento (DOCTYPE) y está compuesto por varias secciones clave. Aquí tienes un ejemplo básico de un documento HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Título de la Página</title>
</head>
<body>
<h1>Hola, Mundo!</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
Explicación de la Estructura
A continuación, desglosamos cada parte del documento HTML:
- <!DOCTYPE html>: Declara el tipo de documento y la versión de HTML utilizada.
- <html lang="es">: La etiqueta
htmlenvuelve todo el contenido de la página. El atributolangespecifica el idioma de la página. - <head>: Contiene metadatos sobre el documento, como el conjunto de caracteres (
<meta charset="UTF-8">) y el título de la página (<title>). - <body>: Contiene el contenido visible de la página, como encabezados (
<h1>) y párrafos (<p>).
Elementos Básicos de HTML
Aquí tienes algunos de los elementos más básicos y comunes en HTML:
1. Encabezados
HTML tiene seis niveles de encabezados, desde <h1> hasta <h6>, que se utilizan para definir títulos y subtítulos en la página.
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
2. Párrafos
El elemento <p> se utiliza para definir párrafos de texto.
<p>Este es un párrafo de ejemplo.</p>
3. Enlaces
El elemento <a> se utiliza para crear enlaces a otras páginas o recursos.
<a href="https://www.example.com">Visita Ejemplo</a>
Resumen
En esta lección, hemos cubierto la estructura básica de un documento HTML y algunos de los elementos más comunes. En las próximas lecciones, profundizaremos en más elementos y atributos para crear páginas web más complejas y funcionales.
No hay comentarios:
Publicar un comentario