Este documento proporciona una introducción a HTML y JavaScript, dos de los lenguajes más importantes para el desarrollo web. Explica que HTML es el lenguaje de marcado utilizado para estructurar el contenido de las páginas web, mientras que JavaScript permite agregar interactividad y comportamiento dinámico. También describe brevemente cómo estas tecnologías se complementan entre sí, con HTML proporcionando la estructura, CSS el estilo y JavaScript la funcionalidad interactiva.

1. 20, Febrero de 2018. Universidad Tecnológica de Pereira – Facultad Ingeniería de Sistemas y Cómputo. is193201801g3
1
Fecha de Recepción: (Letra Times New Roman de 8 puntos)
Fecha de Aceptación: Dejar en blanco
HTML5 y JavaScript
HTML and JavaScript
Autor: Stiven Valencia Ramírez
Ingeniería de Sistemas, Universidad Tecnológica de Pereira,
Pereira (Risaralda), Colombia
Correo-e: stivenvalencia1975@gmail.com
Palabras clave— HTML, JavaScript, World Wide Web
(WWW).
I. INTRODUCCIÓN
Este documento es una introducción, o bien, un soporte para
comprender que son y en que se caracterizan HTML y
JavaScript, dos de los lenguajes más importantes en la World
Wide Web (WWW) o red informática mundial.
II. CONTENIDO
1) HTML
HTML hace referencia al lenguaje de marcas basado en el
desarrollo de páginas web en sus diferentes versiones, este es
considerado el más importante en su ámbito ya que su
invención fue crucial en la aparición, en el desarrollo y
expansión de la WWW. HTML busca ser el leguaje que le
permita a cualquier página web escrita, ser interpretado por
cualquier navegador actualizado. Ha de tenerse en cuenta que
el lenguaje de marcas no es lo mismo que un lenguaje de
programación, ya que el leguaje marcado no contiene
funciones aritméticas ni variables como los posee un lenguaje
de programación. Históricamente el leguaje marcado se
utilizaba y se sigue utilizando en la industria editorial y de la
comunicación, incluso ente autores, editores e impresores.
2) JavaScript
JavaScript es un lenguaje de programación que te permite
realizar actividades complejas en una página web — cada vez
más una página web hace más cosas que solo mostrar
información estática — como mostrar actualizaciones de
contenido en el momento, interactuar con mapas,
animaciones graficas 2D/3D etc. JavaScript es la tercera capa
del pastel de los estándares en las tecnologías para la web.
3) Artículo de revisión. Documento resultado de una
investigación terminada donde se analizan, sistematizan e
integran los resultados de investigaciones publicadas o no
publicadas, sobre un campo en ciencia o tecnología, con el fin
de dar cuenta de los avances y las tendencias de desarrollo. Se
caracteriza por presentar una cuidadosa revisión bibliográfica
de por lo menos 50 referencias.
Como bien sabemos:
 HTML
Es un lenguaje de marcado que usa la estructura para dar un
sentido al contenido web, por ejemplo define párrafos,
cabeceras, tablas, imágenes y videos en la página.
 CSS
Es un lenguaje de reglas en cascada que usamos para aplicar
un estilo a nuestro contenido en HTML, por ejemplo
colocando colores de fondo, fuentes y marginando nuestro
contenido en múltiples columnas.
 JavaScript
Es un lenguaje de programación que te permite crear
contenido nuevo y dinámico, controlar archivos de
multimedia, crear imágenes animadas y muchas otras cosas
más. (Aunque, no todo, pero es increíble lo que puedes llegar
a hacer con tan solo unas pocas líneas de código de
JavaScript).
Las 3 capas se complementan una con la otra. Vamos a
agregar un simple texto a la etiqueta como un ejemplo.
Podemos usar HTML para dar estructura y propósito:
<p>Player 1: Chris</p>

2. Revista de Ciencia e Ingeniería Física - J. Sci. Eng. Phys.- Año I, No 1, Diciembre de 2013.2
Agregamos CSS para hacer que se vea agradable:
p {
font-family: 'helvetica neue', helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid rgba(0,0,200,0.6);
background: rgba(0,0,200,0.3);
color: rgba(0,0,200,0.6);
box-shadow: 1px 1px 2px rgba(0,0,200,0.4);
border-radius: 10px;
padding: 3px 10px;
display: inline-block;
cursor:pointer;
}
Y finalmente agregamos JavaScript para implementar
comportamiento dinámico:
var para = document.querySelector('p');
para.addEventListener('click', updateName);
function updateName() {
var name = prompt('Enter a new name');
para.textContent = 'Player 1: ' + name;
}
Esto último nos permite ingresarle cualquier nombre al
jugador por medio del teclado.
JavaScript puede hacer muchas cosas
III. CONCLUSIONES
Las conclusiones son obligatorias y deben ser claras. Deben
expresar el balance final de la investigación o la aplicación del
conocimiento.