SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
Materia: introducción a la informatica Año 2018, Universidad Tecnológica de Pereira.
HTML y JavaScrip
HTML and JavaScrip.
Autor 1: Juan José Granada Taborda
Ingeniería de Sistemas y computación, Universidad Tecnológica de Pereira, Pereira, Colombia
Correo-e: jgt441mail.com
Resumen— JavaScript es un robusto lenguaje de programación
que puede ser aplicado a un documento HTML y usado para crear
interactividad dinámica en los sitios web. Fue inventado por
Brendan Eich, co-fundador del proyecto Mozilla, Mozilla
Foundation y la Corporación Mozilla .
Puedes hacer casi cualquier cosa con Javascript. Puedes empezar
con pequeñas cosas, con carruseles, galerías de imágenes, diseños
fluctuantes, y respuestas a las pulsaciones de botones. Con más
experiencia, serás capaz de crear juegos, gráficos 2D y 3D
animados, aplicaciones integradas basadas en bases de datos.
Palabras clave— Código, Lenguaje, Programación.
Abstract— JavaScript is a robust programming language that can
be applied to an HTML document and used to create dynamic
interactivity on websites. It was invented by Brendan Eich,
cofounder
of the Mozilla project, Mozilla Foundation and the
Mozilla Corporation.
You can do almost anything with Javascript. You can start with
little things, with carousels, image galleries, fluctuating designs,
and responses to button presses. With more experience, you'll be
able to create games, animated 2D and 3D graphics, integrated
applications based on databases.
Key Word — Code, Language, Programming.
JavaScript (abreviado comúnmente JS) es un lenguaje de
programación interpretado, dialecto del estándar ECMAScript. Se
define como orientado a objetos,3
basado en prototipos, imperativo,
débilmente tipado y dinámico.
Se utiliza principalmente en su forma del lado del cliente (client-
side), implementado como parte de un navegador web permitiendo
mejoras en la interfaz de usuario y páginas web dinámicas4
aunque
existe una forma de JavaScript del lado del servidor(Server-side
JavaScript o SSJS). Su uso en aplicaciones externas a la web, por
ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es también significativo.
Desde el 2012, todos los navegadores modernos soportan
completamente ECMAScript 5.1, una versión de javascript. Los
navegadores más antiguos soportan por lo menos ECMAScript 3.
La sexta edición se liberó en julio del 2015.5
JavaScript se diseñó con una sintaxis similar a C, aunque adopta
nombres y convenciones del lenguaje de programación Java. Sin
embargo, Java y JavaScript tienen semánticas y propósitos
diferentes.
Todos los navegadores modernos interpretan el código JavaScript
integrado en las páginas web. Para interactuar con una página web
se provee al lenguaje JavaScript de una implementación del
Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para
realizar operaciones y únicamente en el marco de la aplicación
cliente, sin acceso a funciones del servidor. Actualmente es
ampliamente utilizado para enviar y recibir información del
servidor junto con ayuda de otras tecnologías como AJAX.
JavaScript se interpreta en el agente de usuario al mismo tiempo
que las sentencias van descargándose junto con el código HTML.
Desde el lanzamiento en junio de 1997 del estándar ECMAScript 1,
han existido las versiones 2, 3 y 5, que es la más usada actualmente
(la 4 se abandonó6
). En junio de 2015 se cerró y publicó la versión
ECMAScript 6.7
2
HTML es un lenguaje de marcado que se utiliza para el desarrollo
de páginas de Internet. Se trata de la sigla que corresponde a
HyperText Markup Language, es decir, Lenguaje de Marcas de
Hipertexto, que podría ser traducido como Lenguaje de Formato de
Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas
SGML (Standard Generalized Markup Language). Concepto
traducido generalmente como “Estándar de Lenguaje de Marcado
Generalizado” y que se entiende como un sistema que permite
ordenar y etiquetar diversos documentos dentro de una lista. Este
lenguaje es el que se utiliza para especificar los nombres de las
etiquetas que se utilizarán al ordenar, no existen reglas para dicha
organización, por eso se dice que es un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los
contenidos que aparecen como textos y sobre su estructura,
complementando dicho texto con diversos objetos (como
fotografías, animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros
lenguajes que tienen que ver con el formato de los documentos. El
texto en él se crea a partir de etiquetas, también llamadas tags, que
permiten interconectar diversos conceptos y formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen
especificadas a través de corchetes o paréntesis angulares: < y >.
Entre sus componentes, los elementos dan forma a la estructura
esencial del lenguaje, ya que tienen dos propiedades (el contenido
en sí mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos
que se conocen como scripts, los cuales brindan instrucciones
específicas a los navegadores que se encargan de procesar el
lenguaje. Entre los scripts que pueden agregarse, los más
conocidos y utilizados son JavaScript y PHP.
El marcado estructural es el que estipula la finalidad del texto,
aunque no define cómo se verá el elemento. El marcado
presentacional, por su parte, es el que se encarga de señalar cómo
se verá el texto más allá de su función.
Para conocer el código HTML que utiliza una página web, hay que
seleccionar Ver código fuente en nuestro navegador (como Internet
Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el
editor de texto con el código HTML de la página que se está
visualizando.
Breve historia del HTML
Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado “memex”, el cual
era considerado como un suplemento para la memoria.
Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo
por computadora que recibiría el nombre de oNLine System que
poseía un catálogo para facilitar la tarea de búsqueda dentro de un
mismo organismo.
Recién en 1965, Ted Nelson acuñó el término hipervínculo,
ideando una estructura que se encontraba conectada de forma
electrónica y que más tarde permitiría la creación de la World Wide
Web (1989), un sistema de hipertexto a través del cual era posible
compartir una variada información sirviéndose de Internet (servía
para la comunicación entre investigadores nucleares que formaran
parte del CERN).
El norteamericano Tim Berners-Lee fue el primero en proponer
una descripción de HTML en un documento que publicó en 1991.
Allí describía veintidós componentes que suponen el diseño más
básico y simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de este
sistema de hipervínculos debía ser comprendido, tanto por
ordenadores tontos como por mega-estaciones, por eso fue
necesario crear uno absolutamente simples, tanto en lo que
respectaba al lenguaje de intercambio (HTML), como el que hacía
referencia al protocolo de red (HTTP).
Al día de hoy existen los Editores Web que permiten que los
diseñadores, a través de herramientas gráficas que reciben el
nombre de WYSIWYG puedan crear páginas web sin conocer el
código html, este se crea de forma automatizada, dándole
estructura a la web y permitiendo que sea más allá del ordenador
donde es creada. Entre los recursos que pueden enlazarse al código
HTML se encuentran fotografías, vídeos, archivos de otras webs o
incluso de la misma y todo tipo de contenido que se encuentre
subido a la red.
. 3
Bibliografia:
https://es.wikipedia.org/wiki/JavaScript
https://definicion.de/html/

Más contenido relacionado

La actualidad más candente (13)

Html1
Html1Html1
Html1
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Códigos html y creación de paginas web
Códigos html y creación de paginas webCódigos html y creación de paginas web
Códigos html y creación de paginas web
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
historia de html
historia de htmlhistoria de html
historia de html
 
Coronado Morales. (Html)
Coronado Morales. (Html)Coronado Morales. (Html)
Coronado Morales. (Html)
 
Html
HtmlHtml
Html
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
Html
HtmlHtml
Html
 
html
 html html
html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 

Similar a Htlm y javascrip

DEBER DE PROGRAMACIÓN blogs blogger blogspot
DEBER DE PROGRAMACIÓN blogs blogger blogspotDEBER DE PROGRAMACIÓN blogs blogger blogspot
DEBER DE PROGRAMACIÓN blogs blogger blogspotKATHYALILIBETH
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas webAnita Serna Marin
 
Deberdp
DeberdpDeberdp
Deberdpaynosk
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxJUANANTONIOMACKLISHG
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2vekerly
 
Jeiimy
JeiimyJeiimy
JeiimyPAUJEY
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblogaynosk
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblogaynosk
 
Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1mpgandreu
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEBAz
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimediapapurrictes
 

Similar a Htlm y javascrip (20)

Elemento
ElementoElemento
Elemento
 
DEBER DE PROGRAMACIÓN blogs blogger blogspot
DEBER DE PROGRAMACIÓN blogs blogger blogspotDEBER DE PROGRAMACIÓN blogs blogger blogspot
DEBER DE PROGRAMACIÓN blogs blogger blogspot
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Deberdp
DeberdpDeberdp
Deberdp
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
 
Deberdp
DeberdpDeberdp
Deberdp
 
Arquitectura web 2
Arquitectura web 2Arquitectura web 2
Arquitectura web 2
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
Diseño y edición de páginas web 1
Diseño y edición de páginas web 1Diseño y edición de páginas web 1
Diseño y edición de páginas web 1
 
Trabajo de html
Trabajo de htmlTrabajo de html
Trabajo de html
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEB
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimedia
 

Más de juan jose

Recursividad
RecursividadRecursividad
Recursividadjuan jose
 
Recursividad
RecursividadRecursividad
Recursividadjuan jose
 
Javascript100
Javascript100Javascript100
Javascript100juan jose
 
Java script ejemplos
Java script ejemplosJava script ejemplos
Java script ejemplosjuan jose
 
Ejemplos html
Ejemplos htmlEjemplos html
Ejemplos htmljuan jose
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascripjuan jose
 

Más de juan jose (8)

Canvas
CanvasCanvas
Canvas
 
Recursividad
RecursividadRecursividad
Recursividad
 
Recursividad
RecursividadRecursividad
Recursividad
 
Javascript100
Javascript100Javascript100
Javascript100
 
Conjuntos
ConjuntosConjuntos
Conjuntos
 
Java script ejemplos
Java script ejemplosJava script ejemplos
Java script ejemplos
 
Ejemplos html
Ejemplos htmlEjemplos html
Ejemplos html
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 

Último

NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdf
NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdfNTC 3883 análisis sensorial. metodología. prueba duo-trio.pdf
NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdfELIZABETHCRUZVALENCI
 
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)miguelbenito23
 
Auditoría de Sistemas de Gestión
Auditoría    de   Sistemas     de GestiónAuditoría    de   Sistemas     de Gestión
Auditoría de Sistemas de GestiónYanet Caldas
 
TECNOLOGIA DE CONCRETO 2024 estudiante.pdf
TECNOLOGIA DE CONCRETO 2024 estudiante.pdfTECNOLOGIA DE CONCRETO 2024 estudiante.pdf
TECNOLOGIA DE CONCRETO 2024 estudiante.pdfEddieEDM
 
Video sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxVideo sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxcarlosEspaaGarcia
 
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf  PARA TRABAJO SEGUROATS-FORMATO cara.pdf  PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf PARA TRABAJO SEGUROalejandrocrisostomo2
 
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdfJlnParada
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdfMirkaCBauer
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfWaldo Eber Melendez Garro
 
Balance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoBalance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoGualbertoLopez2
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfSalomeRunco
 
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptx
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptxESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptx
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptxholferpandiacondori
 
dokumen.tips_311-determinacion-del-espacio-estatico.pptx
dokumen.tips_311-determinacion-del-espacio-estatico.pptxdokumen.tips_311-determinacion-del-espacio-estatico.pptx
dokumen.tips_311-determinacion-del-espacio-estatico.pptxQualityAdviceService
 
Determinación de espacios en la instalación
Determinación de espacios en la instalaciónDeterminación de espacios en la instalación
Determinación de espacios en la instalaciónQualityAdviceService
 
IG01 Instalacion de gas, materiales, criterios, recomendaciones
IG01 Instalacion de gas, materiales, criterios, recomendacionesIG01 Instalacion de gas, materiales, criterios, recomendaciones
IG01 Instalacion de gas, materiales, criterios, recomendacionesPardoGasca
 
UNIDAD 2.- SENSORES.TIPOS DE SENSORES Y SU CLASIFICAIÓN
UNIDAD 2.- SENSORES.TIPOS DE SENSORES  Y SU CLASIFICAIÓNUNIDAD 2.- SENSORES.TIPOS DE SENSORES  Y SU CLASIFICAIÓN
UNIDAD 2.- SENSORES.TIPOS DE SENSORES Y SU CLASIFICAIÓNLuisLobatoingaruca
 
Métodos numéricos y aplicaciones - Izar Landeta.pdf
Métodos numéricos y aplicaciones - Izar Landeta.pdfMétodos numéricos y aplicaciones - Izar Landeta.pdf
Métodos numéricos y aplicaciones - Izar Landeta.pdfJuvenalriv
 
Cuestionario 20222222222222222222222224.pdf
Cuestionario 20222222222222222222222224.pdfCuestionario 20222222222222222222222224.pdf
Cuestionario 20222222222222222222222224.pdffredyflores58
 
Presentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdfPresentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdffernandolozano90
 
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdf
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdfMyoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdf
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdfFtimaMontserratZaraz
 

Último (20)

NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdf
NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdfNTC 3883 análisis sensorial. metodología. prueba duo-trio.pdf
NTC 3883 análisis sensorial. metodología. prueba duo-trio.pdf
 
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)
INTEGRATED PROJECT DELIVERY.pdf (ENTREGA INTEGRADA DE PROYECTOS)
 
Auditoría de Sistemas de Gestión
Auditoría    de   Sistemas     de GestiónAuditoría    de   Sistemas     de Gestión
Auditoría de Sistemas de Gestión
 
TECNOLOGIA DE CONCRETO 2024 estudiante.pdf
TECNOLOGIA DE CONCRETO 2024 estudiante.pdfTECNOLOGIA DE CONCRETO 2024 estudiante.pdf
TECNOLOGIA DE CONCRETO 2024 estudiante.pdf
 
Video sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptxVideo sustentación GA2- 240201528-AA3-EV01.pptx
Video sustentación GA2- 240201528-AA3-EV01.pptx
 
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf  PARA TRABAJO SEGUROATS-FORMATO cara.pdf  PARA TRABAJO SEGURO
ATS-FORMATO cara.pdf PARA TRABAJO SEGURO
 
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf
1 CENTROIDES 2°Computohhhhhhhhhhhhhhhh.pdf
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
 
Balance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoBalance materia y energia procesos de Secado
Balance materia y energia procesos de Secado
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdf
 
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptx
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptxESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptx
ESTUDIO DE TRAFICO PARA EL DISEÑO DE TIPOS DE VIAS.pptx
 
dokumen.tips_311-determinacion-del-espacio-estatico.pptx
dokumen.tips_311-determinacion-del-espacio-estatico.pptxdokumen.tips_311-determinacion-del-espacio-estatico.pptx
dokumen.tips_311-determinacion-del-espacio-estatico.pptx
 
Determinación de espacios en la instalación
Determinación de espacios en la instalaciónDeterminación de espacios en la instalación
Determinación de espacios en la instalación
 
IG01 Instalacion de gas, materiales, criterios, recomendaciones
IG01 Instalacion de gas, materiales, criterios, recomendacionesIG01 Instalacion de gas, materiales, criterios, recomendaciones
IG01 Instalacion de gas, materiales, criterios, recomendaciones
 
UNIDAD 2.- SENSORES.TIPOS DE SENSORES Y SU CLASIFICAIÓN
UNIDAD 2.- SENSORES.TIPOS DE SENSORES  Y SU CLASIFICAIÓNUNIDAD 2.- SENSORES.TIPOS DE SENSORES  Y SU CLASIFICAIÓN
UNIDAD 2.- SENSORES.TIPOS DE SENSORES Y SU CLASIFICAIÓN
 
Métodos numéricos y aplicaciones - Izar Landeta.pdf
Métodos numéricos y aplicaciones - Izar Landeta.pdfMétodos numéricos y aplicaciones - Izar Landeta.pdf
Métodos numéricos y aplicaciones - Izar Landeta.pdf
 
Cuestionario 20222222222222222222222224.pdf
Cuestionario 20222222222222222222222224.pdfCuestionario 20222222222222222222222224.pdf
Cuestionario 20222222222222222222222224.pdf
 
Presentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdfPresentación_ Marco general de las contrataciones públicas.pdf
Presentación_ Marco general de las contrataciones públicas.pdf
 
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdf
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdfMyoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdf
Myoelectric_Control_for_Upper_Limb_Prostheses.en.es (2).pdf
 

Htlm y javascrip

  • 1. Materia: introducción a la informatica Año 2018, Universidad Tecnológica de Pereira. HTML y JavaScrip HTML and JavaScrip. Autor 1: Juan José Granada Taborda Ingeniería de Sistemas y computación, Universidad Tecnológica de Pereira, Pereira, Colombia Correo-e: jgt441mail.com Resumen— JavaScript es un robusto lenguaje de programación que puede ser aplicado a un documento HTML y usado para crear interactividad dinámica en los sitios web. Fue inventado por Brendan Eich, co-fundador del proyecto Mozilla, Mozilla Foundation y la Corporación Mozilla . Puedes hacer casi cualquier cosa con Javascript. Puedes empezar con pequeñas cosas, con carruseles, galerías de imágenes, diseños fluctuantes, y respuestas a las pulsaciones de botones. Con más experiencia, serás capaz de crear juegos, gráficos 2D y 3D animados, aplicaciones integradas basadas en bases de datos. Palabras clave— Código, Lenguaje, Programación. Abstract— JavaScript is a robust programming language that can be applied to an HTML document and used to create dynamic interactivity on websites. It was invented by Brendan Eich, cofounder of the Mozilla project, Mozilla Foundation and the Mozilla Corporation. You can do almost anything with Javascript. You can start with little things, with carousels, image galleries, fluctuating designs, and responses to button presses. With more experience, you'll be able to create games, animated 2D and 3D graphics, integrated applications based on databases. Key Word — Code, Language, Programming. JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo, débilmente tipado y dinámico. Se utiliza principalmente en su forma del lado del cliente (client- side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas4 aunque existe una forma de JavaScript del lado del servidor(Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo. Desde el 2012, todos los navegadores modernos soportan completamente ECMAScript 5.1, una versión de javascript. Los navegadores más antiguos soportan por lo menos ECMAScript 3. La sexta edición se liberó en julio del 2015.5 JavaScript se diseñó con una sintaxis similar a C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo, Java y JavaScript tienen semánticas y propósitos diferentes. Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM). Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. Actualmente es ampliamente utilizado para enviar y recibir información del servidor junto con ayuda de otras tecnologías como AJAX. JavaScript se interpreta en el agente de usuario al mismo tiempo que las sentencias van descargándose junto con el código HTML. Desde el lanzamiento en junio de 1997 del estándar ECMAScript 1, han existido las versiones 2, 3 y 5, que es la más usada actualmente (la 4 se abandonó6 ). En junio de 2015 se cerró y publicó la versión ECMAScript 6.7
  • 2. 2 HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto. EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc). Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos. Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos). Por otra parte, cabe destacar que el HTML permite ciertos códigos que se conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP. El marcado estructural es el que estipula la finalidad del texto, aunque no define cómo se verá el elemento. El marcado presentacional, por su parte, es el que se encarga de señalar cómo se verá el texto más allá de su función. Para conocer el código HTML que utiliza una página web, hay que seleccionar Ver código fuente en nuestro navegador (como Internet Explorer o Mozilla Firefox). Al elegir esta opción, se abrirá el editor de texto con el código HTML de la página que se está visualizando. Breve historia del HTML Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria. Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de oNLine System que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo. Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN). El norteamericano Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento que publicó en 1991. Allí describía veintidós componentes que suponen el diseño más básico y simple del HTML. El tipo de codificación que se utilizó para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de red (HTTP). Al día de hoy existen los Editores Web que permiten que los diseñadores, a través de herramientas gráficas que reciben el nombre de WYSIWYG puedan crear páginas web sin conocer el código html, este se crea de forma automatizada, dándole estructura a la web y permitiendo que sea más allá del ordenador donde es creada. Entre los recursos que pueden enlazarse al código HTML se encuentran fotografías, vídeos, archivos de otras webs o incluso de la misma y todo tipo de contenido que se encuentre subido a la red.