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 Introducción a HTML y JavaScript

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 Introducción a HTML y JavaScript (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

Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosFundación YOD YOD
 
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAPLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAAlexandraSalgado28
 
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...antonellamujica
 
sistemas de produccion de la palta en el peru moises.pptx
sistemas de produccion de la palta en el peru moises.pptxsistemas de produccion de la palta en el peru moises.pptx
sistemas de produccion de la palta en el peru moises.pptxJaredmoisesCarrillo
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxJesDavidZeta
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxDanielFerreiraDuran1
 
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfAFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfOdallizLucanaJalja1
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...ssuser2887fd1
 
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptx
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptxT.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptx
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptxLizCarolAmasifuenIba
 
Evaluacion Final de logistica - trabajo final
Evaluacion Final de logistica - trabajo finalEvaluacion Final de logistica - trabajo final
Evaluacion Final de logistica - trabajo finalssuser4a0361
 
estadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptestadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptMiguelAngel653470
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosk7v476sp7t
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaasesoriam4m
 
Pensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB EmpresasPensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB Empresasanglunal456
 
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfT.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfLizCarolAmasifuenIba
 
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfCODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfmelissafelipe28
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-ComunicacionesIMSA
 
15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptxAndreaAlessandraBoli
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfConstructiva
 
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4hassanbadredun
 

Último (20)

Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de servicios
 
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASAPLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
PLANILLA DE CONTROL LIMPIEZA TRAMPA DE GRASA
 
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...
Mapa Conceptual relacionado con la Gerencia Industrial, su ámbito de aplicaci...
 
sistemas de produccion de la palta en el peru moises.pptx
sistemas de produccion de la palta en el peru moises.pptxsistemas de produccion de la palta en el peru moises.pptx
sistemas de produccion de la palta en el peru moises.pptx
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptx
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptx
 
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdfAFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
AFILIACION CAJA NACIONAL DE SALUD WOM 1 .pdf
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
 
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptx
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptxT.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptx
T.A CONSTRUCCION DEL PUERTO DE CHANCAY.pptx
 
Evaluacion Final de logistica - trabajo final
Evaluacion Final de logistica - trabajo finalEvaluacion Final de logistica - trabajo final
Evaluacion Final de logistica - trabajo final
 
estadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.pptestadistica funcion distribucion normal.ppt
estadistica funcion distribucion normal.ppt
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manua
 
Pensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB EmpresasPensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB Empresas
 
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdfT.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
T.A- CONTRUCCION DEL PUERTO DE CHANCAY.pdf
 
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdfCODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
CODIGO DE ETICA PARA EL PROFESIONAL DE LA CONTABILIDAD IFAC (4).pdf
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
 
15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
 
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
 

Introducción a HTML y JavaScript

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