SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
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>
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.

Más contenido relacionado

Similar a Html y java

Similar a Html y java (20)

Desarrollo en la pagina web
Desarrollo en la pagina webDesarrollo en la pagina web
Desarrollo en la pagina web
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
Tecnologias avanzadas
Tecnologias avanzadasTecnologias avanzadas
Tecnologias avanzadas
 
Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEB
 
Navegar por la web
Navegar por la webNavegar por la web
Navegar por la web
 
HTML
HTMLHTML
HTML
 
Quintanilla cabrera html
Quintanilla cabrera htmlQuintanilla cabrera html
Quintanilla cabrera html
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Introduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slidesIntroduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slides
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Javascript
JavascriptJavascript
Javascript
 

Más de Stiven Valencia Ramirez (6)

Canvas
CanvasCanvas
Canvas
 
Recursividad
RecursividadRecursividad
Recursividad
 
Teoria de conjuntos
Teoria de conjuntosTeoria de conjuntos
Teoria de conjuntos
 
Ejemnplos java nuevos
Ejemnplos java nuevosEjemnplos java nuevos
Ejemnplos java nuevos
 
Html examples
Html examplesHtml examples
Html examples
 
Ejemplosmelos
EjemplosmelosEjemplosmelos
Ejemplosmelos
 

Último

Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 

Último (15)

Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 

Html y java

  • 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.