HTML (HyperText Markup Language) es el lenguaje de marcado estándar para la creación de páginas web. En esta guía, aprenderás las etiquetas esenciales para estructurar tu contenido en la web.
1. Estructura Básica de un Documento HTML
Todo documento HTML tiene una estructura base como la siguiente:
Explicación:
- <!DOCTYPE html>: Define que estamos usando HTML5.
- <html>: Contenedor principal del documento.
- <head>: Contiene metadatos, título de la página y enlaces a recursos.
- <title>: Define el título que aparece en la pestaña del navegador.
- <body>: Contiene el contenido visible de la página.
2. Encabezados y Párrafos
Los encabezados (<h1> a <h6>) se usan para estructurar el contenido de forma jerárquica. Los párrafos (<p>) se usan para agrupar texto.
3. Enlaces y Atributos
Los enlaces (<a>) permiten conectar distintas páginas web.
Explicación:
- href: Define la URL a la que apunta el enlace.
- target="_blank": Abre el enlace en una nueva pestaña.
4. Imágenes en HTML
Para insertar imágenes usamos la etiqueta <img>:
Explicación:
- src: Ubicación de la imagen.
- width y height: Dimensiones.
- alt: Texto alternativo (importante para accesibilidad y SEO).
5. Aplicar Estilos en Línea
Podemos aplicar estilos directamente a las etiquetas con el atributo style.
6. Formatos de Texto
HTML nos permite aplicar distintos formatos al texto:
Aprender HTML es el primer paso en el desarrollo web. Con estas etiquetas básicas, puedes empezar a estructurar páginas web simples y mejorar su apariencia con estilos.
No hay comentarios.:
Publicar un comentario