Lenguaje de Programación HTML

Adrián Quintero
Universidad Interamericana de Panamá
adrian.quintero@uip.edu.pa

Resumen
El presente trabajo de investigación tiene como objetivo presentar una introducción al lenguaje
de marcado HTML, conocer su historia, sus características, sus utilidades y aplicaciones, su
sintaxis y algunos ejemplos de uso. También se dará a conocer algunas tecnologías
complementarias al lenguaje.

Palabras Clave
programacion, html, lenguaje, lenguaje de marcado, informatica, pagina web, internet, desarrollo
web, frontend, hipertexto, css, javascript, navegador, sitio web, documento html

Abstract
The present research work aims to present an introduction to the HTML markup language, to
know its history, its properties, its utilities and applications, its syntax and some examples of use.
Some complementary technologies to the language will also be studied.

Keywords
programming, html, language, markup language, computing, web page, internet, web
development, frontend, hypertext, css, javascript, browser, website, html document

Introdución
Desde el lenguaje de máquina, pasando por el ensamblador, el Fortran, Cobol, Pascal, hasta
nuestros días, no ha pasado un solo momento sin que a alguien se le ocurra una brillante idea
con la cual facilitar la producción de sistemas cada vez más elaborados, y, sobre todo, más
sencillos de hacer.
Al lado de los poderosos lenguajes de programación, surgió un lenguaje sencillo orientado a la
creación de “páginas” de hipertexto que pudieran ser vistas por medio de un visualizador especial
(navegadores web) que tuviese la capacidad de leer este tipo particular de código: el hypertext
markup language, o HTML. Todo ello para ser utilizado dentro del World Wide Web (WWW).
Desde su incorporación a la familia de Internet, este lenguaje ha impulsado al WWW de manera
vertiginosa, de tal forma que un documento se pueda “saltar” a otro, si existe un vínculo entre
ellos. (Arley & Abarca, 1998)

HTML posee una serie de características importantes. Destaca que es multiplataforma,

multisistema y multidispositivo, posibilita una mayor y más eficiente conectividad, ofrece
multimedia sin necesidad de plugins propietarios, tiene la posibilidad de incorporar 3D, gráficos
y efectos de calidad, le da sentido a la estructura web a través de su nueva semántica y facilita
el desarrollo de aplicaciones web con su almacenamiento local y trabajo offline. (Muñoz, 2012)

Una aplicación web basada en HTML (en su quinta versión) puede ejecutarse en cualquier
ordenador independientemente del sistema operativo; lo único que necesita es un intérprete del
lenguaje, como lo es un navegador web. No es necesario una conexión a Internet (sino para
recibir el sitio web), porque estas aplicaciones pueden trabajar de forma local. (Muñoz, 2012)
Marco Teórico
1. ¿Qué es el lenguaje HTML?
El lenguaje HTML es un lenguaje artificial que los ordenadores interpretan y es diseñado para
que los programadores redacten instrucciones que los navegadores ejecutan para originar o
renderizar la página web. HTML es un lenguaje de programación, o un “idioma que la máquina
entende y procesa para dar una respuesta”.
Los lenguajes de programación se utilizan para crear programas o procedimientos que dirijan el
comportamiento de una máquina. Estos pueden ser, expresar algoritmos con precisión, realizar
cálculos complejos, etc.
Las siglas HTML significan del inglés HyperText Markup Language, es decir, lenguaje de marcas
de hipertexto. El hipertexto en una computadora es texto que posee referencias (hipervínculos,
links o enlaces) a otro texto. Explicado de una forma sencilla, el hipertexto es aquel texto que
cuando pulsamos con el ratón nos conduce a otro texto en Internet. Sin embargo, éste puede
estar formado por tablas, imágenes u otros elementos. (Editorial Vértice, 2009)

2. ¿Para qué nos sirve el lenguaje HTML?

El lenguaje HTML nos sirve para estructurar documentos (títulos, párrafos, listas, etc.), pero no
describe la apariencia o el diseño de un documento, sino que nos ofrece las herramientas
necesarias para dar formato al texto, según la capacidad del servidor web y del navegador.
Debido a esto, es importante no diseñar los documentos como los muestra el navegador, sino
que hay que diseñarlo proporcionando un contenido claro y bien estructurado, para que resulte
fácil de leer y entender. (Editorial Vértice, 2009)

HTML es el lenguaje estándar que se utiliza en la web para representar la información

intercambiada por los usuarios en forma de documentos de hipertexto. Estos documentos
contienen una serie de etiquetas que indican al navegador cómo interpretar y dar formato al texto
plano. (Tortajada, 2014)
La utilidad del lenguaje HTML viene dada por su propio carácter estandarizado. Esto quiere decir
que nosotros podríamos crear documentos en cualquier formato. Sin embargo, HTML es un
estándar y otros formatos no lo son. Así pues, cualquier navegador que haga uso de las normas
estándar de visualización de documentos web será capaz de leer e interpretar adecuadamente
el HTML, pero puede tener problemas a la hora de interpretar otro formato. De este modo,
utilizando HTML tendremos siempre la seguridad de que los documentos podrán leerse
perfectamente independientemente del navegador con el que trabajemos. (Tortajada, 2014)
Las páginas web son ampliamente utilizadas en Internet para ofrecer gran diversidad de
información a nivel mundial. A través de Internet, podemos estar informados (por ejemplo,
periódicos digitales), ofrecer nuestros servicios mediante la página web de nuestra empresa,
buscar el mejor trayecto para desplazarnos de un punto a otro utilizando Google Maps, etc. Las
posibilidades son infinitas, tantas como páginas y tipo de información contengan. (Tortajada,
2014)

3. Breve historia del lenguaje HTML

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado
por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22
etiquetas que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos
elementos se conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han
ido añadiendo con el paso de los años. De esta manera, podemos hablar de que han existido
distintas versiones de HTML a lo largo de la historia de internet. (AprenderAProgramar.com)
El nacimiento de HTML va ligado al de la World Wide Web (WWW). Los orígenes de ambos se
sitúan en 1991, en los trabajos que llevaba a cabo Tim Berners-Lee y sus compañeros en el
CERN en Suiza. Uno de los primeros en los que muestran sus ideas es “World-Wide Web: The
Information Universe”. En este artículo detallan un sistema que permita realizar el sueño de
“interconectar todo el conocimiento de la humanidad y facilitar su acceso a todo el mundo gracias
al empleo de los ordenadores”. Para lograrlo, hacen uso de tecnologías como el hipertexto o la
hipermedia, tecnologías que ya existían desde hacía varios años (en contra de lo que la gente
cree, estas tecnologías no fueron inventadas por ellos).
Entre las distintas partes que componen el sistema que proponen, se incluye “una sintaxis en el
estilo de SGML” para proporcionar formato a los documentos. A partir de ahí nace HTML como
un lenguaje para el intercambio de documentos científicos y técnicos. HTML evita la complejidad
de SGML al definir un pequeño conjunto de etiquetas que simplifican la estructura de los
documentos y las reglas no son tan estrictas como en SGML. (Luján-Mora, Programación en
Internet: clientes web, 2001)

Figura 1. Tim Berners-Lee (W3C, n.d.)

4. Versiones de HTML
No existe especificación oficial de la primera versión (1.0) de HTML debido a que cuando se
decidió crear un estándar oficial, ya existían muchos estándares informales. La versión 2.0 de
HTML se creó para diferenciarla de esos estándares no oficiales previos.
En 1994 se fundó W3C (del inglés World Wide Web Consortium), una asociación internacional
que trabaja para desarrollar estándares web, dentro de los cuales en encuentra el lenguaje
HTML.
Al año siguiente, en marzo de 1995, esta asociación propuso el borrador de HTML 3.0, en el que
se incluyeron muchas funcionalidades nuevas, como facilidades para implementar tablas, la
posibilidad de que un texto pudiese fluir alrededor de figuras y el muestreo de elementos
matemáticos complejos. Aunque este estándar fue diseñado para que fuera compatible con la
versión 2.0, su complejidad era excesiva para poder ser implementado en aquel entonces. La
falta de apoto por parte de los fabricantes de los principales navegadores web hizo que el
borrador se abandonara.
Con la aparición del primer navegador de Netscape, el cual trajo consigo mejoras, fue necesaria
la definición de un nuevo estándar: el HTML 3.2. Esta nueva definición se encargó de oficializar
la mayor parte de las mejoras que este navegador incluía, uniéndolas a la formalidad del modelo
propuesto por el W3C.
En 1997, se propuso por primera vez la versión 4.0, con la que se trataba de normalizar este
lenguaje de marcas, además de incorporar una serie de mejoras que habían sido propuestas por
los propios fabricantes de navegadores.
En el año 2004, tras unos años sin actividad, se creó (al margen de W3C) el WHATWG (del
inglés Web Hypertext AppUcation Technology Working Group). Este grupo fue promovido por
empresas como Apple, Opera, Google y la fundación Mozilla, entre otras. El propósito de esta
iniciativa era la creción de una versión de este lenguaje, dándole un enfoque principalmente
práctico y no académico.
Unos años más tarde, en 2007, el W3C reconoció el trabajo de este grupo, tomándolo como base
para su propia actividad. A finales de 2009, el WHATWG publicó la última versión de este
estándar, que se conoce con el nombre de HTML5. (Pérez R. G., 2015)
5. Características del lenguaje HTML
Los diseñadores del WWW (del inglés World Wide Web) decidieron que una página web debía
cumplir con las siguientes características:

 La página web tenía que ser distribuida. La información repartida en páginas no muy
grandes enlazadas entre sí.
 La página web tenía que ser de hipertexto y fácil de navegar por ella.
 Tiene que ser compatible con todo tipo de ordenadores y con todo tipo de sistemas
operativos.
 Tiene que ser dinámica. El proceso de cambiar y actualizar la información debía ser ágil
y rápido.

Estas características son las que marcaron el diseño de todos los elementos del WWW,
incluida la programación de páginas web. Como respuesta a todos estos requisitos se creo el
lenguaje HTML (del inglés HiperText Markup Language), cuyas siglas significan ‘lenguaje
hipertexto de marcas’. (Ferrer, García, & García)
 6. Conceptos básicos del lenguaje HTML
El lenguaje HTML se trata de una serie de etiquetas o marcas (tags). La mayoría de ellas
aparacen por parejas, siendo una de comienzo (apertura) y otra de fin (cierre); éstas delimitan la
parte del documento HTML que se ve afectada por su acción. Pero también hay etiquetas que
aparecen de forma individual, como <img> para insertar una imagen.
Todas las etiquetas comienzan con el símbolo < (menor que) y terminan con el símbolo > (mayor
que). Entre estos dos símbolos se encuentra el nombre de la etiqueta. Por ejemplo, <hr>.
En el lenguaje HTML no se distinguen minúsculas o mayúsculas. Por tanto, las cadenas
<HTML>, <html> y <Html> representan la misma etiqueta.
Las etiquetas de fin tienen el mismo nombre que las de inicio, pero van precedidas del símbolo /
(barra inclinada), para indicar un cierre. Por ejemplo, la etiqueta de cierre correspondiente a
<html> es </html>.
Una etiqueta puede poseer varios atributos a los que hay que asignar valor. Estos atributos
suelen ser opcionales y algunos necesitan un tipo de valor concreto. Los atributos se escriben
dentro de la etiqueta y separados por espacios en blanco. Para asignar un valor a un atributo se
emplea el signo igual (=). Por ejemplo, la etiqueta <img>, que no tiene una etiqueta de cierre,
tiene varios atributos, entre ellos width y height que esperan un valor numérico y alt que espera
una cadena de caracteres.
Cuando un usuario solicita una página web HTML a un servidor web, este envía la página y el
navegador, al recibirla, interpreta las etiquetas de la página, mostrando al usuario el resultado
final. Es decir, no muestra las etiquetas, sino el resultado de su evaluación. (Luján-Mora,
Programación en Internet: clientes web, 2001)

7. Estructura de una página web

7.1 Etiqueta <!DOCTYPE>
Necesitamos especificar el tipo de documento que estamos creando. Esto en HTML5 es
extremadamente sencillo:
<!DOCTYPE html>
Esta línea debe ser la primera línea del archivo, sin espacios o líneas que la precedan. De esta
forma, el modo estándar del navegador es activado y las incoporaciones de HTML5 son
interpretadas siempre que sea posible, o ignoradas en caso contrario.
7.2 Etiqueta <html>
Luego de declarar el tipo de documento, comenzamos a construir la estructura HTML. Como
siempre, la estructura tipo árbol en este lenguaje tiene su raíz en el elemento <html>. Este
elemento envolverá al resto del código.
<!DOCTYPE html>
<html lang=”es”>
</html>
7.3 Etiqueta <head>
El código HTML insertado entre las etiquetas <html> tiene que ser dividido en dos secciones
principales. La primera sección es la cabecera y la segunda es el cuerpo. Dentro de la etiqueta
<head> definimos el título de nuestra página web, declaramos el set de caracteres
correspondiente, proveeremos información general acerca del documento e incorporaremos los
archivos externos con estilos, códigos, Javascript o imágenes necesarias para generar la página.
Excepto por el título y algunos íconos, el resto de la información es invisible para el usuario.
7.4 Etiqueta <body>
Esta sección contiene el cuerpo de la página. Representa la parte visible de todo el documento
y es especificado entre etiquetas <body>. (Gauchat, 2012)

<!DOCTYPE html>
<html lang=”es”>
<head>
</head>
<body>
</body>
</html>

Figura 2. Cabecera y cuerpo de una página web. (Tortajada, 2014)

8. Estructura del cuerpo de una página web

La estructura del cuerpo generará la parte visible del documento. Ese es el código que producirá
nuestra página web.
Desde imágenes a menús, textos, enlaces, códigos, formularios, cualquier cosa puede ir entre
las etiquetas de apertura y cierre de un elemento <div>. Esta etiqueta solo especifica una división
en el cuerpo, como la celda de una tabla, pero no ofrece indicio alguno sobre qué clase de división
es, cuál es su propósito o qué contiene. (Gauchat, 2012)

La figura 3 representa un diseño común encontrado en la mayoría de los sitios web. A pesar de
que cada diseñador crea sus propios diseños, en general podemos identificar las siguientes
secciones de un sitio web:

Figura 3. Representación visual de un diseño web. (Gauchat, 2012)

En la parte superior, la cabecera, usualmente se coloca el logo, título, subtítulos y una corta
descripción del sitio web o la página.
Debajo, se encuentra la barra de navegación. Aquí se coloca un menú o lista de enlaces con el
propósito de facilitar la navegación a través del sitio. Los usuarios son guiados hacia otras
páginas o documentos, normalmente pertenecientes al mismo sitio web.
El contenido más relevante se encuentra en el centro. En esta sección se presenta información
y enlaces valiosos. Suele ser dividido en varias filas y columnas. El contenido presentado en esta
sección es de alta prioridad. En este diseño de ejemplo, podría contener una lista de artículos,
descripción de productos, entradas de un blog o cualquier otra información importante. (Gauchat,
2012)
La barra lateral muestra una lista de enlaces apuntando hacia cada uno de esos ítems. En un
blog, por ejemplo, la barra leteral ofrecerá una lista de enlaces apuntando a cada entrada del
blog, información acerca del autor, etc.
La barra institucional o pie de página, suele mostrar información acerca del sitio web, autor o
empresa, además de algunos enlaces con respecto a reglas, términos y condiciones y toda
información adicional que el desarrollador considere importante compartir. Es un complemento
de la cabecera. (Gauchat, 2012)

Figura 4. Etiquetas HTML que representan las secciones de la página. (Gauchat, 2012)

9. Etiquetas del cuerpo de la página

9.1 Etiqueta <header> y <nav>
<header> define la cabecera de nuestra página web, y <nav> (la cual no va dentro de la cabecera,
sino una nueva sección) define la navegación de nuestra página.
9.2 Etiqueta <section>
La información principal contiene la información más relevante del documento y puede ser
encontrada en diferentes formas (por ejemplo, dividida en varios bloques o columnas). Debido a
que el propósito de estas columnas es más general, el elemento en HTML que especifica estas
secciones se llama simplemente <section>
Al igual que la barra de navegación, la columna información principal es una sección aparte. Por
este motivo, la sección para información principal va debajo de la etiqueta de cierre </nav>.
(Gauchat, 2012)
9.3 Etiqueta <article>
Del mismo modo que los blogs están divididos en entradas, los sitios web normalmente presentan
información relevante dividida en partes que comparten características similares. La etiqueta
<article> nos permite identificar cada una de estas partes. En conclusión, esta etiqueta nos
permite dividir en árticulos la sección principal donde se encuentra la información relevante de
nuestra página. (Gauchat, 2012)

9.4 Etiqueta <aside>

En un clásico diseño web, la columna llamada barra lateral se ubica al lado de la columna
información principal. Esta es una columna o sección que normalmente contiene datos
relacionados con la información principal pero que no son relevantes o igual de importantes. En
un blog, por ejemplo, esta sección puede contener una lista de enlaces a los artículos. La
información dentro de esta barra está relacionada con la información principal pero no es
relevante por sí misma. (Gauchat, 2012)
9.5 Etiqueta <footer>
Para finalizar la construcción de la plantilla o estructura elemental del documento HTML, solo
hace falta un elemento más. Para cerrar nuestro diseño, otorgamos un final al cuerpo del
documento. Para este fin utilizamos la etiqueta <footer>.
Esta etiqueta representa la sección llamada institucional o pie de página, y aquí compartimos
información general sobre el autor o la organización detrás del proyecto. (Gauchat, 2012)

10. Etiquetas HTML

10.1 Lista de etiquetas HTML

 Etiquetas que definen la estructura del documento: <html>, <head> y <body>.
 Etiquetas que pueden ir en la cabecera: <title>, <base>, <meta>, <style> y
<link>.
 Etiquetas que definen bloques de texto: <address>, <blockquote>, <div>, <h1>
… <h6>, <p>, <pre> y <xmp>.
 Etiquetas de listas: <dir>, <dl>, <dt>, <dd>, <menu>, <ol>, <ul> y <li>.
 Etiquetas de características del texto: <b>, <basefont>, <big>, <blink>,
<cite>, <code>, <em>, <font>, <i>, <kbd>, <plaintext>, <small>, <s>,
<strike>, <strong>, <sub>, <sup>, <tt>, <u> y <var>.
 Etiquetas de anclas y enlaces: <a>.
 Etiquetas de imágenes y mapas de imágenes: <img>, <area> y <map>.
 Etiquetas de tablas: <table>, <caption>, <tr>, <td> y <th>.
  Etiquetas de formularios: <form>, <input>, <select>, <option>, <textarea>,
<keygen> y <isindex>.
 Etiquetas de marcos: <frame>, <frameset> y <noframes>.
 Etiquetas de situación de contenidos: <layer>, <ilayer> y <nolayer>.
 Etiquetas de script: <script>, <noscript> y <server>.
 Etiquetas de applets y plugins: <applet>, <param>, <embed>, <noembed> y
<object>.
 Etiquetas de ajuste del texto: <br>, <center>, <hr>, <multicol>, <nobr>,
<spacer>, <span> y <wbr>.
(Luján-Mora, Programación de aplicaciones web: historia, principios básicos y clientes web,
2002)
10.2 Etiquetas de formato de texto
 <p>. Etiqueta que se utiliza para definir un párrafo. Cada vez que aparece esta etiqueta
significa que en el resultado aparecerá una línea en blanco entre el texto anterior y
posterior a la etiqueta. Se puede colocar al comienzo del párrafo o bien escribir el párrado
entre las etiquetas <p>…</p>.
 <br>. Indica que el siguiente texto va a empezar a escribirse en la siguiente línea, sin
dejar líneas en blanco entre texto y texto. Puede aplicarse cuantas veces se desee. Antes
de conocer el resto de las etiquetas, es conveniente conocer las diferencias existentes
entre estas dos etiquetas expuestas: <br> y <p>. La peculiaridad de la etiqueta <br>
frente a la etiqueta <p> es que mientras la primera es acumulativa, es decir, se pueden
escribir todas las etiquetas <br> que se desee para obtener un punto y aparte tradicional
por cada una de ellas, sin embargo, si se colocan varian etiquetas <p> seguidas, el
navegador lo interpretará como una sola etiqueta <p> ignorando las demás.
 <center></center>. Esta etiqueta centrará todo elemento que se encuentre entre su
apertura y cierre (imágenes, tablas, párrafos, hipertextos, etc.).
 <pre></pre>. Directiva que permite mostrar un texto con el formato propio del código
fuente, es decir, obliga al navegador a visualizar el texto tal y como ha sido escrito en el
editor de código. Por tanto, esta directiva hace que se respeten los espacios en blanco,
así como los retornos de línea. Existe un problema en cuanto a los retornos de carro, y
es que, si no se incluyen estos específicamente en el documento fuente, no se harán
efectivos en el documento final, produciendo así una línea más larga de lo esperada.
 <b></b>. Convierte el texto en negrita. La etiqueta <strong></strong> hace lo
mismo.
 <i></i>. Establece el texto en cursiva. La etiqueta <em></em> hace lo mismo.
 <u></u>. Subraya el texto.
 <tt></tt>. Presenta el texto en modo teletipo, es decir, introduciendo un espacio entre
todos los caracteres.
 <big></big>. Agranda el texto un punto.
 <small></small>. Reduce el tamaño del texto un punto.
 . Coloca el texto a modo de subíndice.
 . Coloca el texto a modo de superíndice.
 <s></s>. Tacha el texto. Las etiquetas <del></del> y <strike></strike> hacen
lo mismo.
 <hx></hx>. Introduce el texto como un encabezado. Se puede conseguir varios
tamaños de texto. De mayor a menor tamaño las etiquetas serían <h1></h1>,
<h2></h2>, <h3></h3>, <h4></h4>, <h5></h5> y <h6></h6>.
 <bdo></bdo>. Escribe el texto al revés.
 <blockquote></blockquote>. Sirve para insertar una cita, por ejemplo, la frase
célebre de un escritor. Inserta dos saltos de línea y aplica una sangría al texto al que
afecta. Hace lo mismo que la etiqueta <cite></cite>.
 <dfn></dfn>. Sirve para insertar una definición. Simplemente establece el texto en
cursiva.
 <footer></footer>. Coloca el texto como un pie de página.
 <header></header>. Coloca el texto como un encabezado.
 <ins></ins>. Sirve para insertar texto en adición al resto del documento. Se suele
utilizar para actualizar fechas, citas, etc. Esta etiqueta subraya el texto.
 <marquee></marquee>. Sirve para conseguir texto en movimiento, el cual aparecen
desplazándose, por defecto, de derecha a izquierda.
(Editorial Vértice, 2009)

Figura 5. Ejemplo de código fuente HTML en bloc de notas. (Editorial Vértice, 2009)
 Figura 6. Código HTML abierto con un navegador. (Editorial Vértice, 2009)

11. Tecnologías complementarias

11.1 CSS
El lenguaje CSS permite presentar, de manera estructurada, un documento que fue escrito en
un lenguaje de marcado. Se usa especialmente en el diseño visual de un sitio web cuando las
páginas se hallan escritas en XML o HTML.
Hasta la década de los años 90 hay que retrotraerse para conocer el origen del CSS. Y es que
fue en 1994 cuando fue propuesto por Hakon Wium Lie. Este fue cocreador de aquel junto al
científico neerlandés Bert Bos.
Lo que hace el CSS es encargarse de la descripción de las formas y de la sintaxis del lenguaje
de marcado. De esta manera describe cómo se tienen que renderizar (generar las imágenes) los
elementos que aparecen en pantalla.
El diseño del CSS posibilita establecer una separación entre el contenido y la forma de
presentación del documento (dada por las fuentes, los colores y las capas empleadas). Así se
puede lograr que muchos documentos HTML compartan la apariencia, utilizando una única hoja
de estilo para todos (que se especifica en un archivo .css). Gracias a esta particularidad, se evita
tener que repetir el código en la estructura.
Gracias a la separación del contenido y la forma de presentación, por otra parte, se puede apelar
a distintos estilos de acuerdo al método de renderizado: si se trata de un documento exhibido en
una pantalla, impreso, compartido en formato de audio, etc.
Además de todo lo expuesto, podemos subrayar que gracias al CSS se pueden crear páginas
web con un diseño que pueda resultar atractivo y agradable. Eso sí, para poder hacer uso de
aquel se hace imprescindible tener conocimientos básicos del mismo, así como de informática,
del lenguaje HTML e incluso ciertas destrezas e ideas en cuanto al manejo de ficheros. (Porto &
Merino, 2017)

Figura 7. Ejemplo de página web con CSS. (Compartir Ejemplos, n.d.)

11.2 Javascript
Javascript es un lenguaje de programación que se utiliza principalmente para crear páginas web
dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes
de aviso al usuario.
Técnicamente, Javascript es un lenguaje de programación interpretado, por lo que no es
necesario compilar programas para ejecutarlos. En otras palabras, los programas escritos con
Javascript se pueden probar directamente en cualquier navegador sin necesidad de procesos
intermedios.
A pesar de su nombre, Javascript no guarda ninguna relación directa con el lenguaje de
programación Java. Legalmente, Javascript es una marca registrada de la empresa Sun
Microsystems. (Pérez J. E., 2009)
 Figura 8. Logo de Javascript. (Adictos al trabajo, n.d.)

Análisis
Si bien la Editorial Vértice describe a HTML como un lenguaje de programación, lo cierto es que
HTML es en realidad un lenguaje de marcado, puesto que para ser un lenguaje de programación
debe cumplir con unos requisitos, como, por ejemplo, tener la capacidad para escribir
instrucciones. Es decir, la capacidad para escribir algortimos. En HTML no se definen variables
ni se aplican funciones. Tampoco puede adquirir control de una computadora para obtener datos
o ejecutar tareas, sino que sólo define la estructura y el contenido de una página web.

A pesar de esto, el lenguaje no pierde importancia. Sigue siendo un lenguaje esencial para la
web.

Conclusiones
Hemos aprendido qué es el lenguaje HTML, su historia, para qué se utiliza, sus ventajas y el
modo de emplearlo. También conocimos algunas tecnologías complementarias para el desarrollo
web.
En conclusión, HTML es un lenguaje esencial para la web, puesto que define la estructura básica
de una página web. Esta estructura es necesaria para que la información se presente de manera
ordenada y organizada, y que pueda ser visualizada en cualquier navegador y dispositivo.
También es importante para una correcta indexación de nuestra página web en los motores de
búsqueda. Sin él, otros lenguajes como CSS y Javascript no podrían cumplir su propósito en
nuestra página, por lo que resulta ser esencial en nuestro camino al desarrollo de una página
web.

Referencias

Adictos al trabajo. (s.f.). Adictos al trabajo. Obtenido de ES6: el remozado JavaScript. Parte I:
variables y constantes: https://www.adictosaltrabajo.com/2018/04/30/es6-javascript-
variables-y-constantes/
AprenderAProgramar.com. (s.f.). ¿Qué es y para qué sirve HTML? El lenguaje más importante
para crear páginas webs. AprenderAProgramar.com.
Arley, R. C., & Abarca, F. M. (1998). Programación con HTML. Revista de Bibliotecología y
Ciencias de la Información. volúmen 13, números 1-3, 9-10.
Compartir Ejemplos. (s.f.). Compartir Ejemplos. Obtenido de Ejemplos de páginas web en Html
y Css - Compartir Ejemplos: https://compartirejemplos.blogspot.com/2019/07/ejemplos-
de-paginas-web-en-html-y-css.html
Editorial Vértice. (2009). Diseño básico de páginas web en HTML. En E. Vértice, Diseño básico
de páginas web en HTML (págs. 12-13). Málaga: Publicaciones Vértice.
Ferrer, J., García, V., & García, R. (s.f.). Curso completo de HTML.
Gauchat, J. D. (2012). El gran libro de HTML5, CSS3 y JavaScript. Marcombo Ediciones
Técnicas.
Luján-Mora, S. (2001). Programación en Internet: clientes web. Editorial Club Universitario.
Luján-Mora, S. (2002). Programación de aplicaciones web: historia, principios básicos y clientes
web. Alicante: Editorial Club Universitario.
Muñoz, V. J. (2012). HTML, presente y futuro de la web. Vicente Javier Eslava Muñoz, 2012.
Pérez, J. E. (2009). Introducción a Javascript. Uniwebsidad.
Pérez, R. G. (2015). Creación de páginas web con el lenguaje de marcas. IC Editorial.
Porto, J. P., & Merino, M. (2017). Definicion de CSS. Obtenido de Definicion.de:
https://definicion.de/css/
Tortajada, J. J. (2014). La guía definitiva del diseño web: HTML, XHTML, CSS y herramientas
de diseño. Juan Jesús Tortajada Cordero, 2014.
W3C. (s.f.). Tim Berners-Lee: W3C. Obtenido de W3C: https://www.w3.org/People/Berners-Lee/