Universidad de Oriente
Nucleo Anzoátegui
Unidad de Cursos Básicos
Introducción a la Programación
Sección 08
El lenguaje HTML
Profesor:
Bachiller:
Joel Martínez Jemmarys Bellorin
C.I: 32.596.722
Barcelona, 1 de noviembre de 2024
Introducción
Antes de la creación de lenguajes de desarrollo de archivos como HTML, la
Internet ya existía pero en un formato mucho más técnico y limitado utilizado
principalmente por científicos y académicos para compartir sus hallazgos e
información mediante protocolos como File Transfer Protocol o FTP por sus siglas y
Telnet. Tim Berners-Lee, un científico británico quien trabajaba en el CERN
(Organización Europea para la Investigación Nuclear) en Suiza, observó la necesidad
de un sistema más intuitivo y accesible para los usuarios compartir información entre
científicos de todo el mundo. Berners-Lee se basó en diferentes conceptos que ya
existían, como el hipertexto, una forma de desarrollar, organizar y enlazar
información en la década de 1960 por Ted Nelson. Sin embargo, Berners-Lee
evolucionó este concepto al tener la visión de combinar todo eso en una red global de
información accesible a través de los navegadores web.
En marzo de 1989 el científico Berners-Lee presentó su invención ante el CERN, esta
propuesta detallaba un sistema estructurado basado en el hipertexto que le permitiría a
loa usuarios compartir y acceder a documentos y archivos en la red. No fue una
propuesta bien recibida, sin embargo, Berners-Lee siguió con su desarrollo. En 1990,
con la colaboración de Robert Cailliau, científico de la computación belga, Berners-
Lee desarrolló una versión más avanzada de la propuesta. Finalmente, en diciembre
de 1990, se presentó el primer sitio web en la red interna del CERN, lo que supuso la
primera demostración práctica de la World Wide Web. A partir de allí Tim Berners-
Lee revolucionó la Internet al publicar archivos que describían su idea para la World
Wide Web o más conocida actualmente como WWW por sus siglas en inglés.
¿Qué es HTML?
El HyperText Markup Language o conocido por su acrónimo HTML es un
lenguaje estandarizado de marcado de hipertexto en el cual se pueden desarrollar
documentos que pueden ser ejecutados por un navegador web, lo que significa que
este lenguaje se interpreta mediante marcadores o “tags” que definen el contenido, así
como textos con bloques interconectados que pueden contener palabras, imágenes,
sonidos, tablas u otros elementos, además de enlaces a otros hipertextos conocidos
como “links”. El navegador interpreta el archivo con la extensión “.html” o “.htm” de
modo que al abrir este archivo el servidor del navegador lo procese y muestre la
página en la pantalla del dispositivo. Debido a que HTML es un lenguaje interpretado
puede ser modificado de diferentes maneras para que el diseño se ajuste a ciertos
parámetros según el dispositivo donde se ejecute, obteniendo así diseños innovadores
y personalizados.
El lenguaje HTML fue inventado en 1990 por el británico Tim Berners-Lee, científico
de la computación que trabajaba en CERN la Organización Europea para la
Investigación Nuclear en Suiza. La información científica en el CERN estaba dispersa
en diferentes sistemas de computadoras y no eran fácilmente accesibles para otros
científicos. Ante el problema, desarrolló un sistema de hipertexto llamado ENQUIRE,
que permitía a los usuarios navegar y enlazar información en diferentes documentos.
La cantidad de información disponible en internet aumentaba rápidamente y era
necesaria la creación de un lenguaje que permitiera a los usuarios estructurar,
organizar y visualizar la información en la World Wide Web , es por esto que surgió
un lenguaje de marcado utilizado para crear páginas web. El HTML inicialmente se
llamaba “SGML simplificado” el cual era inspirado en el SGML original, permitía a
los usuarios agregar etiquetas al contenido de la página para así estructurar la
información según la preferencia del usuario. Este lenguaje se volvió el estándar para
la creación de paginas web de manera internacional, a medida que la web se
desarrollaba lo hacia HTML lanzándose nuevas versiones del lenguaje como HTML2,
publicado como una primera versión oficial de HTML en 1993, HTML 3.2 lanzado
en 1997, HTML4 y HTML 4.01 el primero lanzado en 1997 y la segunda versión en
1999, y finalmente la versión HTML5 la cual es la última del lenguaje lanzada en
2014, esta introduce nuevas características como las etiquetas semánticas, soporte
multimedia, formularios mejorados, API de arrastrar y soltar, almacenamiento local
entre otros atributos.
El HTML no se considera un lenguaje de programación, pues no crea funciones
dinámicas, pero con el uso de etiquetas se pueden configurar diversas estructuras para
los sitios web como secciones, tablas, párrafos, enlaces y atributos. Las etiquetas
HTML son un estándar adoptado por todos los desarrolladores que mediante etiquetas
de texto les permite a los navegadores interpretar los elementos de una página web
sin, es decir, determinan el resultado. La estructura de una página puede ser
comprendida por máquinas y personas ya que este código es descriptivo en torno a los
elementos que lo componen, además de ser reconocibles por estar escritos en los
signos “< >” y “</ >”. Las partes básicas de las etiquetas HTML son el elemento, el
cual es el nombre de la etiqueta que aparece entre los signos de apertura; el atributo,
que diferencia el elemento y le da características únicas como el tamaño, color u otras
cosas; el contenido, el cual es el texto que modifica las etiquetas; y la variable que es
la característica del atributo de una etiqueta como el color, el tipo de letra y se escribe
generalmente entrecomillado después del signo de igual.
Algunas etiquetas básicas son:
Esta etiqueta informa al navegador que versión de HTML o XML
<!doctype> se utilizó, es agregada al inicio del archivo ya que es una
información importante para los navegadores o cualquier otra
herramienta que ejecute los archivos.
<html> </html> Estas son etiquetas base esenciales para indicar cuando se abre y
cierra el documento en HTML.
En estas etiquetas se ubica la información sobre el documento que
<head> </head> no se muestra al visitante de la página web, en esa información se
encuentra el título de la pestaña de la página o la licencia.
Indica el título del documento y la forma en la que se mostrará en
<title> </title> la barra del navegador y la pestaña del sitio, No es el título del
texto, sino de la página y se incluye junto a la etiqueta <head>.
Señalan el cuerpo del documento y sirven para agregar ciertas
características como el color o imagen de fondo de una página.
<body> </body> Una vez que se cierra el contenido con la etiqueta </head>, las
etiquetas de <body> y </body> abren y cierran el texto y limitan el
contenido que puede ver el usuario.
Representa el contenido principal de la etiqueta <body> de un
documento o aplicación. Indica que el contenido está directamente
<main> relacionado o que se centra en el tema principal del documento.
Debe ser un contenido único, excluyendo cualquier contenido
repetido ya que se usa para describir con precisión el tema.
Estas etiquetas pueden ir desde <h1> </h1> a <h6> </h6>. El
<h1> ... <h6> <h1> es el formato más grande y generalmente es usado como el
título del texto.
Estas etiquetas indican la apertura y cierre de un párrafo de texto
<p> </p> para que la información dada no se muestre como un escrito largo
sin pausas, agrega fluidez al dejar un salto de línea entre cada
párrafo.
Indica la fuente que se utilizará en una selección de texto. Esta
<font> </font> etiqueta necesita variables que designen la tipografía, el tamaño y
colores mostrados en el texto.
Indica el pie de un documento HTML. Generalmente los pies de la
<footer> </footer> página web tienen información como el autor del documento,
información de derechos de autor, etc.
Esta etiqueta especifica el idioma del contenido de texto que se
<html lang=> encuentra en el archivo, también puede indicar al motor de
pronunciación de los lectores de pantalla que cambie a otro
idioma.
¿Cómo se hace una página web?
Al usar el lenguaje HTML para desarrollar un archivo se necesita un editor de
texto como Brackets, el cual es un editor para desarrolladores web hecho por Adobe,
o incluso el Bloc de notas el cual es una aplicación predeterminada de cualquier
dispositivo. Por supuesto se necesita un navegador web que lea el archivo para que se
pueda ver la página web, puede ser Google Chrome, Microsoft Edge o Mozilla
Firefox.
Cada archivo HTML tiene una estructura base, primero se crea el archivo y se guarda
con la extensión “.html” para indicar que es un archivo de Lenguaje de marcado de
hipertexto, al no agregar etiquetas a la estructura del archivo no se verá nada, pero el
navegador ya podría leerlo. Luego se añaden etiquetas básicas al código como <!
DOCTYPE html> que indica al navegador que el documento es un archivo HTML5;
<html lang="es">, el cual es el elemento raíz del documento HTML; lang="es" que
indica el idioma del contenido que en este caso el “es” especifica el idioma español;
<head> que contiene información sobre el documento, como el juego de caracteres
(<meta charset="UTF-8">) y el título de la página representado por la etiqueta
(<title>), también se agrega el contenido visible de la página representado por la
etiqueta <body>. Esas son las etiquetas base pero al ser un lenguaje puede
modificarse o se pueden agregar muchas etiquetas que conformen una composición o
diseño más complejo para la página.
El siguiente paso es el de guardar el archivo HTML y ejecutarlo en un navegador web
para visualizar la página, a partir de allí es posible editar el archivo nuevamente hasta
lograr los resultados deseados.
Conclusión
EL HTML surgió de la problemática de los usuarios ante la dificultad a la hora de
comprobar y acceder a la información científica. Esta tecnología se desarrolló con la
intención de facilitar la navegación de estos datos y su presentación de este mismo
contenido dentro de una web, así como su diseño, esto permite que los usuarios
puedan acceder, investigar e incluso compartir la información ya sea científica o
académica. Este invento revolucionó la forma de comunicación y la necesidad de un
sistema estructurado que simplifique el proceso de creación de una página web y de la
búsqueda de esta misma, haciendo que los hallazgos de los usuarios se puedan
publicar de forma eficiente y accesible al poder validar estos datos con argumentos y
archivos ubicados en la web, resolviendo así la dificultad centrada en este tema.
Para crear una página web, no es necesario un amplio conocimiento, solo se deben
manejar conceptos básicos, lo que permitió que este lenguaje pueda ser desarrollado
por cualquier persona. Debido a esto el HTML se volvió el lenguaje de marcado de
hipertexto estándar, utilizado de forma universal. No debe confundirse con un
lenguaje de programación como JavaScript ya que no tiene la capacidad de realizar
operaciones lógicas o computacionales por sí mismo, aun así, se convierte en una
opción óptima para el desarrollo de archivos con etiquetas que definan la estructura
del sitio web. Esta innovación no solo transformó la manera en que se accede y se
comparte información, sino que también revolucionó múltiples aspectos de la
sociedad, desde la comunicación y la educación hasta el comercio y el
entretenimiento.
Bibliografía
Hubspot (2023) Etiquetas de HTML: qué son, para qué sirven y tipos principales
[Link]
Jcweb La historia de HTML: el creador y origen del lenguaje web
[Link]
Raiolanetworks (2021) HTML: Qué es y cómo utilizarlo
[Link]
documento-html-como-funciona-html
Quique Royuela ([Link]) El nacimiento de la World Wide Web: Tim Berners-Lee
y su visión revolucionaria
[Link]
y-su-vision-revolucionaria.IjE4MTUi/
Desarrolloweb HTML
[Link]
Anexo
Ejemplo de código en un archivo ejecutado en el Bloc de Notas
El mismo archivo ejecutado en el navegador web Google Chrome