HTML: Guía Completa del Lenguaje de Marcado Web
¿Qué es HTML? HTML, acrónimo de Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje fundamental que se utiliza para crear páginas web y aplicaciones web. Es como el esqueleto de una página web, definiendo la estructura y el contenido de la misma.
Imagina una página web como una casa. HTML sería la estructura básica de la casa, con sus paredes, techo, ventanas y puertas. El contenido de la casa, como muebles, decoración y objetos, se representa en HTML mediante elementos, como texto, imágenes, vídeos, enlaces y formularios.
La Evolución del HTML: Desde sus Orígenes hasta la Actualidad
El desarrollo de HTML ha sido un proceso continuo, desde sus humildes comienzos hasta su evolución actual.
El nacimiento de HTML: Fue inventado por Tim Berners-Lee a finales de los 80s, en el seno del CERN (Organización Europea para la Investigación Nuclear), con el objetivo de facilitar la colaboración entre científicos. La primera versión, HTML 1.0, se lanzó en 1991, marcando el inicio de la era de la World Wide Web.
Las primeras versiones: HTML 2.0 (1995) y HTML 3.2 (1997) incorporaron nuevas características como tablas, formularios y estilos básicos, pero aún se consideraban versiones «informales».
La estandarización: Con HTML 4.01 (1999), el lenguaje logró un gran avance en su estandarización, estableciendo un conjunto de reglas y especificaciones que garantizan la compatibilidad y consistencia entre diferentes navegadores.
La revolución de HTML5: En 2008, se lanzó HTML5, la versión más reciente del lenguaje, introduciendo nuevas características como el soporte para audio y vídeo, gráficos 2D y 3D, almacenamiento local y API para acceder a la ubicación del usuario.
¿Cómo funciona HTML?
HTML utiliza etiquetas para definir la estructura y contenido de una página web. Las etiquetas son palabras clave encerradas entre corchetes angulares (<>), como
(párrafo) o
(encabezado de nivel 1). Cada etiqueta tiene una función específica.
El código fuente: Una página web escrita en HTML es un documento de texto que contiene las etiquetas y el contenido de la página. Este código fuente se puede ver en la mayoría de los navegadores web seleccionando la opción «Ver código fuente» o «Inspeccionar».
El navegador web: Cuando se introduce una URL en el navegador web, este solicita el archivo HTML de la página web al servidor donde se encuentra almacenado. El navegador web interpreta el código HTML y lo traduce en una página web visual que podemos ver en la pantalla.
Elementos Básicos del HTML: Un Primer Vistazo
- : Esta etiqueta declara la versión de HTML que se está utilizando, en este caso HTML5.
- : Indica que es un documento HTML y especifica el idioma del contenido, en este caso, español.
- : Contiene información sobre el documento, como el título que se muestra en la barra del navegador, el enlace a hojas de estilo CSS, metadatos para motores de búsqueda y otros elementos que no se muestran directamente en la página web.
Título de la página : Define el título que se muestra en la barra del navegador web.- : Contiene el contenido visible de la página web.
:
Define un encabezado de nivel 1, el más importante de la página.-
:
Define un párrafo de texto. - Enlace a Google: Crea un enlace a otra página web.
: Inserta una imagen en la página web.
Ejemplo de Código HTML: Un Mini-Sitio Web
html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Primer Sitio Web</title>
</head>
<body>
<h1>Bienvenido a mi sitio web</h1>
<p>Este es un ejemplo simple de una página web creada con HTML.</p>
<img src="imagen.jpg" alt="Imagen de mi sitio web">
<a href="https://www.google.com/">Visita Google</a>
</body>
</html>
HTML: El Lenguaje Fundamental de la Web
HTML es el lenguaje fundamental de la World Wide Web. Es el lenguaje que permite crear la estructura y el contenido de todas las páginas web que visitamos en internet. Dominar HTML es crucial para cualquier persona que desee crear o personalizar páginas web, así como para entender cómo funcionan los sitios web.
Recursos para Aprender HTML:
- W3Schools: Una plataforma de aprendizaje gratuita y completa sobre HTML y otros lenguajes web.
- Mozilla Developer Network (MDN): Documentación oficial de HTML con ejemplos y explicaciones detalladas.
- Codecademy: Plataforma interactiva de aprendizaje con cursos paso a paso para aprender HTML.
- FreeCodeCamp: Comunidad online que ofrece cursos gratuitos y proyectos prácticos para aprender HTML.
Conclusión: HTML: El Fundamento de la Web Moderna
HTML es el lenguaje base de la web, un lenguaje que ha evolucionado a lo largo del tiempo, pero que sigue siendo esencial para la creación de sitios web. Comprender los principios básicos de HTML te permitirá comprender cómo funcionan las páginas web y te permitirá crear tus propios sitios web.