SlideShare una empresa de Scribd logo
1 de 14
LAWEB
WORLDWIDE
WEB
 Su significado en español puede
establecerse como “Telaraña de alcance
mundial”
 Se acuñó este nombre debido a qué es una
gigantesca red de documentos, hipertexto
que funciona en base a Internet, así como
otro tipo de aplicaciones (correo electrónico,
mensajería instantánea y la transferencia de
archivos).
 Fue creado alrededor del año 1989 por el
inglésTim Bernes-Lee
Significado
de laWEB
CARACTERÍSTICA
S DEUNSITIO
WEB
 Hiperenlaces: es la utilidad básica del
hipertexto, son zonas que pueden incluir
texto, imágenes entre otros, que al ser
seleccionados por la persona que navega por
el sitio, es trasladada a otra página. Código
html para la instrucción <A HREF>
 Podemos encontrar en una página esta opción
de la siguiente manera:
 Para acceder al portal pulse aquí
 Para consultar puede ir al portal
 Etiquetas: son fragmentos de texto que se
destacan de una forma especial, que
determinan la instrucción que representan en
una página web.
 Las etiquetas o (tags en inglés) son la base
principal del lenguaje HTML
 Su principal característica es que poseen los
símbolos < >
 Metaetiqueta: es utilizada para incluir
información adicional de la página. Es la
información que utilizan los navegadores par
encontrar la información solicitada.
 Al elaborar en la página web una
metaetiqueta esta debe tener los siguientes
atributos:
 Autor de la página
 Palabras para clasificar la página en los
buscadores
 Descripción del contenido de la página
 Programa utilizado para elaborar la página
 Palabras clave.
 Formularios: son plantillas que
permiten la petición de datos. Su
principal uso es la posibilidad de
elaborar cuestionarios,
encuestas o páginas de
comentarios entre otros. Para
que sea un formulario requiere la
interacción del usuario.
LenguajesWEB
• La palabra Hipertexto, fue acuñada hacia 1965
por Theodore Holm Nelson (quién dio forma
también a la palabra Hipermedia) y se gestó
cuando estaba tomando un curso en
computadores como parte de su maestría en
Sociología en la Universidad de Harvard. Tuvo
entonces la idea de diseñar un sistema para
manejo de textos que permitiera a los
escritores revisar, comparar y corregir su
trabajo con facilidad.
• El hipertexto es una colección o una Red de
nodos que están Inter-relacionados o
enlazados.
HIPERTEXTO
 Significado en Inglés: Hyper TextMarkup
Languaje
 Significado en Español: Lenguaje de Marcas
para la creación de Hipertexto (Lenguaje
de Formato de Documentos de Hipertexto)
 Es un lenguaje de marcas, (etiquetas) ya que
son trozos de texto resaltados para elaborar
documentos de forma lógica, agradable y
fáciles de leer; con la posibilidad de
relacionar documentos por medio de
hiperenlaces.
 Actualmente se estable como un lenguaje
de programación que es usado para
representación de documentos (páginas
web) y que pueden ser transmitidos a través
de los navegadores de internet.
HTML
 CABECERA
 PARRAFO DETEXTO
 CENTRADO
 ENUMERACIÓNO LISTAS
 FORMULARIOSTABLAS
 HIPERTEXTOS PARA ACCEDER A
OTROS DOCUMENTOS
 IMÁGENESY FICHEROS MULTIMEDIA
La estructura
de una
página o
documento
HTML es:
 ¿Es lo mismo Java y JavaScript?
 Es un lenguaje para elaborar pequeños
programas que pueden ser colocados en una
página web.
 La principal diferencia es que se pueden
llegar a crear objetos, mucho más complejos,
con diferentes efectos para interactuar con el
usuario.
 La principal diferencia es que HTML es
totalmente estática, Javascript permite
mayor complejidad e interactividad.
 Surge en los años ‘90 por la empresa
NETSCAPE, para un grupo de
programadores selectos.
JAVASCRIPT
 Podemos encontrarlo en:
 Correo
 Chat
 Buscadores de información
 Reloj
 Contadores de visita
 Fechas
 Calculadoras
 Detectores de Idioma en las
páginas
 Validación e información.
¿Dónde se
observa el
código
Javascript en
una página?
 Se encuentra en las etiquetas <Body>
</Body>, como la instrucción <Script>
</Script>
 Parte de la estructura:
 Variables:
var=“hola”, n=103
 Condiciones: If
 Ciclos: for
 Arreglos: var
miArreglo= new
Array
 Funciones propias
 Comenatiros /* */
¿Cómo es el
Código?

Más contenido relacionado

La actualidad más candente (14)

Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Evelyn deber
Evelyn deberEvelyn deber
Evelyn deber
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 
Paginas web
Paginas webPaginas web
Paginas web
 
Html
HtmlHtml
Html
 
Que son las paginas web
 Que son las paginas web Que son las paginas web
Que son las paginas web
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
Que es la world wide web
Que es la world wide webQue es la world wide web
Que es la world wide web
 
Definicion "HTML"
Definicion "HTML"Definicion "HTML"
Definicion "HTML"
 
HTML
HTMLHTML
HTML
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Diseño de pagina web
Diseño de pagina web Diseño de pagina web
Diseño de pagina web
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 

Similar a La web

El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la websilviaxi21
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al htmlramoniutepi
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimediapapurrictes
 
Deberdp
DeberdpDeberdp
Deberdpaynosk
 
Comunicación Rosanny Moreno
Comunicación Rosanny Moreno Comunicación Rosanny Moreno
Comunicación Rosanny Moreno rosannynatalias
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacionCristanCamilo
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascripjuan jose
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascripjuan jose
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblogaynosk
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones webanmacamonte
 
Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)jesuscarlos24
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraMartin Vera
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)jesuscarlos_01
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informaticaalejaflorez
 

Similar a La web (20)

El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la web
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Conceptos web
Conceptos webConceptos web
Conceptos web
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimedia
 
Web
WebWeb
Web
 
Deberdp
DeberdpDeberdp
Deberdp
 
Comunicación Rosanny Moreno
Comunicación Rosanny Moreno Comunicación Rosanny Moreno
Comunicación Rosanny Moreno
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacion
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Htlm y javascrip
Htlm y javascripHtlm y javascrip
Htlm y javascrip
 
Jesica Contreras Pinzon
Jesica Contreras Pinzon Jesica Contreras Pinzon
Jesica Contreras Pinzon
 
Diapositivasblog
DiapositivasblogDiapositivasblog
Diapositivasblog
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones web
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin Vera
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)Unidad i.introduccion al html (carlos)
Unidad i.introduccion al html (carlos)
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 

Más de andreahernandez_ (20)

Tipos de robots
Tipos de robotsTipos de robots
Tipos de robots
 
Sistemas expertos
Sistemas expertosSistemas expertos
Sistemas expertos
 
Tipos de robots
Tipos de robotsTipos de robots
Tipos de robots
 
Red neuronal
Red neuronalRed neuronal
Red neuronal
 
Drones
DronesDrones
Drones
 
Partes de un robot
Partes de un robotPartes de un robot
Partes de un robot
 
Inteligencia artificial
Inteligencia artificialInteligencia artificial
Inteligencia artificial
 
Diagramas de flujos de sistemas y datos
Diagramas de flujos de sistemas y datosDiagramas de flujos de sistemas y datos
Diagramas de flujos de sistemas y datos
 
Diagramaciones
DiagramacionesDiagramaciones
Diagramaciones
 
Diagrama de flujo de datos
Diagrama de flujo de datosDiagrama de flujo de datos
Diagrama de flujo de datos
 
Big data
Big dataBig data
Big data
 
Vocabulario base de datos
Vocabulario base de datosVocabulario base de datos
Vocabulario base de datos
 
Virus y antivirus
Virus y antivirusVirus y antivirus
Virus y antivirus
 
Video digital
Video digitalVideo digital
Video digital
 
Tipos de redes
Tipos de redesTipos de redes
Tipos de redes
 
Tipos de cables de red
Tipos de cables de redTipos de cables de red
Tipos de cables de red
 
Streaming
StreamingStreaming
Streaming
 
Software, interfaz y ascii
Software, interfaz y asciiSoftware, interfaz y ascii
Software, interfaz y ascii
 
Servidores
ServidoresServidores
Servidores
 
Seguridad digital
Seguridad digitalSeguridad digital
Seguridad digital
 

Último

SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 

Último (20)

SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 

La web

  • 2.  Su significado en español puede establecerse como “Telaraña de alcance mundial”  Se acuñó este nombre debido a qué es una gigantesca red de documentos, hipertexto que funciona en base a Internet, así como otro tipo de aplicaciones (correo electrónico, mensajería instantánea y la transferencia de archivos).  Fue creado alrededor del año 1989 por el inglésTim Bernes-Lee Significado de laWEB
  • 4.  Hiperenlaces: es la utilidad básica del hipertexto, son zonas que pueden incluir texto, imágenes entre otros, que al ser seleccionados por la persona que navega por el sitio, es trasladada a otra página. Código html para la instrucción <A HREF>  Podemos encontrar en una página esta opción de la siguiente manera:  Para acceder al portal pulse aquí  Para consultar puede ir al portal
  • 5.  Etiquetas: son fragmentos de texto que se destacan de una forma especial, que determinan la instrucción que representan en una página web.  Las etiquetas o (tags en inglés) son la base principal del lenguaje HTML  Su principal característica es que poseen los símbolos < >
  • 6.  Metaetiqueta: es utilizada para incluir información adicional de la página. Es la información que utilizan los navegadores par encontrar la información solicitada.  Al elaborar en la página web una metaetiqueta esta debe tener los siguientes atributos:  Autor de la página  Palabras para clasificar la página en los buscadores  Descripción del contenido de la página  Programa utilizado para elaborar la página  Palabras clave.
  • 7.  Formularios: son plantillas que permiten la petición de datos. Su principal uso es la posibilidad de elaborar cuestionarios, encuestas o páginas de comentarios entre otros. Para que sea un formulario requiere la interacción del usuario.
  • 9. • La palabra Hipertexto, fue acuñada hacia 1965 por Theodore Holm Nelson (quién dio forma también a la palabra Hipermedia) y se gestó cuando estaba tomando un curso en computadores como parte de su maestría en Sociología en la Universidad de Harvard. Tuvo entonces la idea de diseñar un sistema para manejo de textos que permitiera a los escritores revisar, comparar y corregir su trabajo con facilidad. • El hipertexto es una colección o una Red de nodos que están Inter-relacionados o enlazados. HIPERTEXTO
  • 10.  Significado en Inglés: Hyper TextMarkup Languaje  Significado en Español: Lenguaje de Marcas para la creación de Hipertexto (Lenguaje de Formato de Documentos de Hipertexto)  Es un lenguaje de marcas, (etiquetas) ya que son trozos de texto resaltados para elaborar documentos de forma lógica, agradable y fáciles de leer; con la posibilidad de relacionar documentos por medio de hiperenlaces.  Actualmente se estable como un lenguaje de programación que es usado para representación de documentos (páginas web) y que pueden ser transmitidos a través de los navegadores de internet. HTML
  • 11.  CABECERA  PARRAFO DETEXTO  CENTRADO  ENUMERACIÓNO LISTAS  FORMULARIOSTABLAS  HIPERTEXTOS PARA ACCEDER A OTROS DOCUMENTOS  IMÁGENESY FICHEROS MULTIMEDIA La estructura de una página o documento HTML es:
  • 12.  ¿Es lo mismo Java y JavaScript?  Es un lenguaje para elaborar pequeños programas que pueden ser colocados en una página web.  La principal diferencia es que se pueden llegar a crear objetos, mucho más complejos, con diferentes efectos para interactuar con el usuario.  La principal diferencia es que HTML es totalmente estática, Javascript permite mayor complejidad e interactividad.  Surge en los años ‘90 por la empresa NETSCAPE, para un grupo de programadores selectos. JAVASCRIPT
  • 13.  Podemos encontrarlo en:  Correo  Chat  Buscadores de información  Reloj  Contadores de visita  Fechas  Calculadoras  Detectores de Idioma en las páginas  Validación e información. ¿Dónde se observa el código Javascript en una página?
  • 14.  Se encuentra en las etiquetas <Body> </Body>, como la instrucción <Script> </Script>  Parte de la estructura:  Variables: var=“hola”, n=103  Condiciones: If  Ciclos: for  Arreglos: var miArreglo= new Array  Funciones propias  Comenatiros /* */ ¿Cómo es el Código?

Notas del editor

  1. WWW: Es un medio donde todos se pueden conectar entre ellos Telaraña de alcance mundial Hay hipertexto dentro de la información El creador no ganó nada, la entregó para que cada sitio tenga una dirección IP, marcar la IP Netscape es el original HTTP combinada con la W: es web HTTP: es internet Cuando estoy en la web estoy navegando Antes HTTP tenía restricciones, por eso fue creada la web para poder navegar en todos lados
  2. El hiperenlace: normalmente aparece subrayado y de otro color. Una página web tienen enlaces <A href> es un enlace/ hipervínculo
  3. El hiperenlace: normalmente aparece subrayado y de otro color. Todo sitio web tiene etiquetas <A href> </A>  es una etiqueta Reconoce con la W que es una etiqueta nueva Cada una tiene una característica Se coloca antes de la información Simbología:<>
  4. El hiperenlace: normalmente aparece subrayado y de otro color. Todos los navegadores le dan prioridad a una página Se paga Tiene que tener una cantidad de etiquetas Si no tiene tantas visitas la metaetiqueta va bajando Son programadas
  5. El hiperenlace: normalmente aparece subrayado y de otro color. Posibilidad que tengo de contactarme con la persona encargada “contáctenos” Medio de comunicación Posibilidad en la web
  6. Código de hipertexto donde puedo establecer marcas Puedo programar acciones específicas, tablas, formularios El código esta en cualquier sitio web Es compatible con cualquier navegador (ej: Safari)
  7. NO es lo mismo JAVA que JAVASCRIPT Se puede proteger Ambos tienen programación diferente JAVA: Programar C y C++ Net beans Juego de celulares Acces Point Begin Var i=5; Const x=10; C++ input JAVASCRIPT: Incrustado es “embembed” Agregar algo en un sitio Es copy-paste Hay interactividad Son códigos Google.com Tiene etiquetas <iframe> </iframe>