Fundamentos de HTML

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:

  1. Definir la estructura de las páginas web.
  2. Incluir elementos como texto, imágenes, enlaces y listas.
  3. Establecer una base semántica para mejorar la accesibilidad.

Estructura Básica de un Documento HTML

Un documento HTML contiene los siguientes elementos principales:

estructura

Principales Etiquetas HTML

Las principales etiquetas que podemos encontrar en HTML son las siguientes:

etiquetas

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:

semantica

<header>: Encabezado de la página.
<footer>: Pie de página.
<nav>: Área de navegación.
<article>: Contenido independiente.
<section>: Secciones temáticas.



Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)