SlideShare una empresa de Scribd logo
1 de 14
HISTORIA DE HTML
   La primera descripción de
    HTML disponible
    públicamente fue un
    documento llamado HTML
    Tags (Etiquetas HTML),
    publicado por primera vez
    en Internet por Tim
    Berners-Lee en 1991.
    Describe 22 elementos que
    incluyen el diseño inicial y
    relativamente simple de
    HTML. Trece de estos
    elementos todavía existen
    en HTML 4.
¿QUÉ ES HTML?
   HTML, siglas de HyperText Markup Language
    («lenguaje de marcado de hipertexto»), hace referencia
    al lenguaje de marcado predominante para la
    elaboración de páginas web que se utiliza para describir
    la estructura y el contenido en forma de texto, así como
    para complementar el texto con objetos tales como
    imágenes. El HTML se escribe en forma de
    «etiquetas», rodeadas por corchetes angulares (<,>).
    HTML también puede describir, hasta un cierto
    punto, la apariencia de un documento, y puede incluir
    un script (por ejemplo JavaScript), el cual puede afectar
    el comportamiento de navegadores web y otros
    procesadores de HTML.
¿PARA QUÉ SIRVE HTML?
   HTML también sirve para referirse al contenido del
    tipo de MIME text/html o todavía más ampliamente
    como un término genérico para el HTML, ya sea en
    forma descendida del XML (como XHTML 1.0 y
    posteriores) o en forma descendida directamente de
    SGML (como HTML 4.01 y anteriores).
CODIGOS DE HTML
   <html>: define el inicio del documento HTML, le
    indica al navegador que lo que viene a
    continuación debe ser interpretado como código
    HTML.
   <script>: incrusta un script en una web, o llama a
    uno mediante src="url del script".
   <head>: define la cabecera del documento HTML;
    esta cabecera suele contener información sobre el
    documento que no se muestra directamente al
    usuario como, por ejemplo, el título de la ventana
    del navegador.
HISTORIA DEL STANDÁR
   En 1989 existían dos técnicas que permitían vincular
    documentos electrónicos, por un lado los hipervínculos
    (enlaces) y por otro lado un poderoso lenguaje de etiquetas
    denominado SGML. Tim Berners-Lee define por fin el HTML
    como un subconjunto del conocido SGML y crea algo más
    valioso aún, el World Wide Web. En 1991, Tim Berners-Lee
    crea el primer navegador web, que funcionaría en modo texto
    y sobre un sistema operativo UNIX HTML+ se diseñó
    originalmente para ser un súper conjunto del HTML que
    permitiera evolucionar gradualmente desde el formato
    HTML anterior. A la primera especificación formal de
    HTML+ se le dio, por lo tanto, la versión 2 para distinguirla
    de las propuestas no oficiales previas. Los trabajos sobre
    HTML+ continuaron, pero nunca se convirtió en un
    estándar, a pesar de ser la base formalmente más parecida al
    aspecto compositivo de las especificaciones actuales.
ACCESIBILIDAD WEB

   El diseño en HTML, aparte de cumplir con las
    especificaciones propias del lenguaje, debe respetar
    ciertos criterios de accesibilidad web, siguiendo unas
    pautas o las normativas y leyes vigentes en los países
    donde se regule dicho concepto. Se encuentra
    disponible y desarrollado por el W3C a través de las
    Pautas de Accesibilidad al Contenido Web 1.0 WCAG
    (actualizadas recientemente con la especificación 2.0),
    aunque muchos países tienen especificaciones propias,
    como es el caso de España con la Norma UNE 139803.
EJEMPLO DE HTML
HISTORIA DE XML

   Cuando se definió el lenguaje
    XML, surgió la necesidad de
    procesar y manipular el
    contenido de los archivos XML
    mediante los lenguajes de
    programación tradicionales.
    XML es un lenguaje sencillo de
    escribir pero complejo para
    procesar y manipular de forma
    eficiente. Por este motivo,
    surgieron algunas técnicas entre
    las que se encuentra DOM.
¿QUÉ ES XML?
   XML, siglas en inglés de eXtensible Markup Language
    ('lenguaje de marcas extensible'), es un lenguaje de marcas
    desarrollado por el World Wide Web Consortium (W3C).
    Deriva del lenguaje SGML y permite definir la gramática de
    lenguajes específicos (de la misma manera que HTML es a su
    vez un lenguaje definido por SGML)para estructurar
    documentos grandes. A diferencia de otros lenguajes XML da
    soporte a bases de datos, siendo útil cuándo varias
    aplicaciones se deben comunicar entre sí o integrar
    información. (Bases de datos Silberschatz).
   Es una tecnología sencilla que tiene a su alrededor otras que la
    complementan y la hacen mucho más grande y con unas
    posibilidades mucho mayores. Tiene un papel muy
    importante en la actualidad ya que permite la compatibilidad
    entre sistemas para compartir la información de una manera
    segura, fiable y fácil.
VENTAJAS
   Es extensible: Después de diseñado y puesto en producción, es
    posible extender XML con la adición de nuevas etiquetas.

   El analizador es un componente estándar, no es necesario crear un
    analizador específico para cada versión de lenguaje XML. Esto
    posibilita el empleo de cualquiera de los analizadores disponibles.

   Mejora la compatibilidad entre aplicaciones, es decir, podríamos
    tener una aplicación en Linux con una base de datos Postgres y
    comunicarla con otra aplicación en Windows y Base de Datos MS-
    SQL Server.

   Transformamos datos en información, pues se le añade un
    significado concreto y los asociamos a un contexto, con lo cual
    tenemos flexibilidad para estructurar documentos.
¿DE DÓNDE PROVIENE XML?
   XML proviene de un lenguaje inventado por IBM en los años
    setenta, llamado GML (Generalized Markup Language), que
    surgió por la necesidad que tenía la empresa de almacenar
    grandes cantidades de información. Este lenguaje gustó a la
    ISO, por lo que en 1986 trabajaron para
    normalizarlo, creando SGML (Standard Generalized Markup
    Language), capaz de adaptarse a un gran abanico de
    problemas. A partir de él se han creado otros sistemas para
    almacenar información
DIFERENCIAS ENTRE XML Y HTML
   XML y HTML son lenguajes muy diferentes. Ambos
    nacen de la misma inspiración llamada SGML por lo que
    su sintaxis es similar, aunque cada uno fue diseñado para
    cumplir distintas funciones:
   El XML (eXtensive Markup Language) es un lenguaje
    que fue concebido para describir información. Su
    función principal es ayudarnos a organizar contenidos y
    eso hace que los documentos XML sean portables hacia
    diferentes tipos de aplicaciones.
   El HTML (HyperText Markup Language) sin
    embargo, ha sido concebido para mostrar
    información, determinar como actúa y que hace. Su
    función radica en ayudarnos a darle formato a los
    diversos contenidos de una página.
ELEMENTOS DE XML

Más contenido relacionado

La actualidad más candente

Presentacion de navegadores
Presentacion de navegadoresPresentacion de navegadores
Presentacion de navegadores
beckerkotzen
 
Qué es html
Qué es htmlQué es html
Qué es html
edujoso
 

La actualidad más candente (20)

Presentacion de navegadores
Presentacion de navegadoresPresentacion de navegadores
Presentacion de navegadores
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
RETOS ACTUALES DEL INGENIERO INFORMÁTICO Y DE LAS ÁREAS DE TI.
RETOS ACTUALES DEL INGENIERO INFORMÁTICO Y DE LAS ÁREAS DE TI.RETOS ACTUALES DEL INGENIERO INFORMÁTICO Y DE LAS ÁREAS DE TI.
RETOS ACTUALES DEL INGENIERO INFORMÁTICO Y DE LAS ÁREAS DE TI.
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Protocolo http
Protocolo httpProtocolo http
Protocolo http
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
Formas de word
Formas de wordFormas de word
Formas de word
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Introducción a html 5
Introducción a html 5Introducción a html 5
Introducción a html 5
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
HTML5
HTML5HTML5
HTML5
 
Diseño logico de una base de datos
Diseño logico de  una base de datosDiseño logico de  una base de datos
Diseño logico de una base de datos
 
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
 
breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
 
Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
El Correo electrónico
El Correo electrónico  El Correo electrónico
El Correo electrónico
 

Destacado

Camtasia studio 8
Camtasia studio 8Camtasia studio 8
Camtasia studio 8
Regina2810
 
WORLD WIDE WEB
WORLD WIDE WEBWORLD WIDE WEB
WORLD WIDE WEB
shadyel
 
Documento html
Documento htmlDocumento html
Documento html
syndi
 

Destacado (20)

Html evolucion
Html evolucionHtml evolucion
Html evolucion
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Breve historia de HTML
Breve historia de HTMLBreve historia de HTML
Breve historia de HTML
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Tarea de informática
Tarea de informáticaTarea de informática
Tarea de informática
 
Camtasia studio 8
Camtasia studio 8Camtasia studio 8
Camtasia studio 8
 
Paralelo entre html y htlm5
Paralelo entre html y htlm5Paralelo entre html y htlm5
Paralelo entre html y htlm5
 
HTML y SU HISTORIA
HTML y SU  HISTORIA HTML y SU  HISTORIA
HTML y SU HISTORIA
 
WORLD WIDE WEB
WORLD WIDE WEBWORLD WIDE WEB
WORLD WIDE WEB
 
Portales dinamicos
Portales dinamicosPortales dinamicos
Portales dinamicos
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Anatomia de una pagina web
Anatomia de una pagina webAnatomia de una pagina web
Anatomia de una pagina web
 
Html
HtmlHtml
Html
 
Documento html
Documento htmlDocumento html
Documento html
 
Diferencia entre url y html
Diferencia entre url y htmlDiferencia entre url y html
Diferencia entre url y html
 
ESTANDARES W3C EN LA WEB
ESTANDARES W3C EN LA WEBESTANDARES W3C EN LA WEB
ESTANDARES W3C EN LA WEB
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3c
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 

Similar a Historia de html (20)

Historia de html
Historia de htmlHistoria de html
Historia de html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Html para subir a slideshare
Html para subir a slideshareHtml para subir a slideshare
Html para subir a slideshare
 
Deber 1 de Zaskia Aguilar
Deber 1 de Zaskia AguilarDeber 1 de Zaskia Aguilar
Deber 1 de Zaskia Aguilar
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Presentación sobre html y xml
Presentación sobre html y xmlPresentación sobre html y xml
Presentación sobre html y xml
 
HTML5 - XHTML - XML
HTML5 - XHTML - XMLHTML5 - XHTML - XML
HTML5 - XHTML - XML
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Erika banchon 2a3
Erika banchon 2a3Erika banchon 2a3
Erika banchon 2a3
 
Html
HtmlHtml
Html
 
Jesica resabala mero html
Jesica resabala mero htmlJesica resabala mero html
Jesica resabala mero html
 
Mera macias kerly diferencia entre html y xml presentasion prep
Mera macias kerly diferencia entre  html y xml presentasion prepMera macias kerly diferencia entre  html y xml presentasion prep
Mera macias kerly diferencia entre html y xml presentasion prep
 
Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
Html y xml carlos lita
Html y xml   carlos litaHtml y xml   carlos lita
Html y xml carlos lita
 
El lenguaje XML y su uso
El lenguaje XML y su usoEl lenguaje XML y su uso
El lenguaje XML y su uso
 
Presentación de html y xml
Presentación de html y xmlPresentación de html y xml
Presentación de html y xml
 

Historia de html

  • 1. HISTORIA DE HTML  La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.
  • 2. ¿QUÉ ES HTML?  HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
  • 3. ¿PARA QUÉ SIRVE HTML?  HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
  • 4. CODIGOS DE HTML  <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.  <script>: incrusta un script en una web, o llama a uno mediante src="url del script".  <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador.
  • 5. HISTORIA DEL STANDÁR  En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (enlaces) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. En 1991, Tim Berners-Lee crea el primer navegador web, que funcionaría en modo texto y sobre un sistema operativo UNIX HTML+ se diseñó originalmente para ser un súper conjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, la versión 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base formalmente más parecida al aspecto compositivo de las especificaciones actuales.
  • 6. ACCESIBILIDAD WEB  El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.0), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803.
  • 8.
  • 9. HISTORIA DE XML  Cuando se definió el lenguaje XML, surgió la necesidad de procesar y manipular el contenido de los archivos XML mediante los lenguajes de programación tradicionales. XML es un lenguaje sencillo de escribir pero complejo para procesar y manipular de forma eficiente. Por este motivo, surgieron algunas técnicas entre las que se encuentra DOM.
  • 10. ¿QUÉ ES XML?  XML, siglas en inglés de eXtensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C). Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML)para estructurar documentos grandes. A diferencia de otros lenguajes XML da soporte a bases de datos, siendo útil cuándo varias aplicaciones se deben comunicar entre sí o integrar información. (Bases de datos Silberschatz).  Es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.
  • 11. VENTAJAS  Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la adición de nuevas etiquetas.  El analizador es un componente estándar, no es necesario crear un analizador específico para cada versión de lenguaje XML. Esto posibilita el empleo de cualquiera de los analizadores disponibles.  Mejora la compatibilidad entre aplicaciones, es decir, podríamos tener una aplicación en Linux con una base de datos Postgres y comunicarla con otra aplicación en Windows y Base de Datos MS- SQL Server.  Transformamos datos en información, pues se le añade un significado concreto y los asociamos a un contexto, con lo cual tenemos flexibilidad para estructurar documentos.
  • 12. ¿DE DÓNDE PROVIENE XML?  XML proviene de un lenguaje inventado por IBM en los años setenta, llamado GML (Generalized Markup Language), que surgió por la necesidad que tenía la empresa de almacenar grandes cantidades de información. Este lenguaje gustó a la ISO, por lo que en 1986 trabajaron para normalizarlo, creando SGML (Standard Generalized Markup Language), capaz de adaptarse a un gran abanico de problemas. A partir de él se han creado otros sistemas para almacenar información
  • 13. DIFERENCIAS ENTRE XML Y HTML  XML y HTML son lenguajes muy diferentes. Ambos nacen de la misma inspiración llamada SGML por lo que su sintaxis es similar, aunque cada uno fue diseñado para cumplir distintas funciones:  El XML (eXtensive Markup Language) es un lenguaje que fue concebido para describir información. Su función principal es ayudarnos a organizar contenidos y eso hace que los documentos XML sean portables hacia diferentes tipos de aplicaciones.  El HTML (HyperText Markup Language) sin embargo, ha sido concebido para mostrar información, determinar como actúa y que hace. Su función radica en ayudarnos a darle formato a los diversos contenidos de una página.