Introducción al Desarrollo Web y Fundamentos de HTML
Objetivos de Aprendizaje
- Comprender la importancia de HTML en el desarrollo web.
- Identificar y aplicar la estructura básica de un documento HTML.
- Utilizar etiquetas y atributos principales para organizar el contenido de una página web.
- Reconocer y emplear etiquetas semánticas para mejorar la accesibilidad y estructura del sitio.
HTML es el pilar fundamental del desarrollo web, creado por Tim Berners-Lee en 1991. Actualmente usamos HTML5, la versión más reciente.
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje estándar para estructurar contenido en la web. Permite:
- Definir la estructura de las páginas web.
- Incluir elementos como texto, imágenes, enlaces y listas.
- Establecer una base semántica para mejorar la accesibilidad.
Estructura Básica de un Documento HTML
Un documento HTML contiene los siguientes elementos principales:
Principales Etiquetas HTML
Las principales etiquetas que podemos encontrar en HTML son las siguientes:
Estas etiquetas se utilizan para dar formato y estilo semántico al contenido de una página web, destacando partes específicas del texto.
Semántica HTML
La semántica HTML se refiere al uso de etiquetas HTML que tienen un significado claro y definido sobre el contenido que envuelven. Estas etiquetas no solo describen la apariencia del contenido, sino también su propósito y función dentro de la estructura de la página web, lo que mejora la accesibilidad, el SEO y la comprensión del código tanto por desarrolladores como por navegadores y motores de búsqueda.
Etiquetas semánticas proporcionan significado al contenido:
<header>: Encabezado de la página.
<footer>: Pie de página.
<nav>: Área de navegación.
<article>: Contenido independiente.
<section>: Secciones temáticas.