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

Cuestionario Power Point
Cuestionario Power PointCuestionario Power Point
Cuestionario Power Point
Gio Tabares
 

La actualidad más candente (20)

Trabajo multimedia
Trabajo multimediaTrabajo multimedia
Trabajo multimedia
 
Entorno de Visual Basic 2010
Entorno de Visual Basic 2010Entorno de Visual Basic 2010
Entorno de Visual Basic 2010
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Maquetación Web
Maquetación WebMaquetación Web
Maquetación Web
 
Clasificacion del software
Clasificacion del softwareClasificacion del software
Clasificacion del software
 
Iconos de word
Iconos de wordIconos de word
Iconos de word
 
Servidor web
Servidor webServidor web
Servidor web
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
 
Ppt algoritmo
Ppt algoritmoPpt algoritmo
Ppt algoritmo
 
Reglas tipograficas
Reglas tipograficasReglas tipograficas
Reglas tipograficas
 
Ficha de diseño de power point
Ficha de diseño de  power pointFicha de diseño de  power point
Ficha de diseño de power point
 
HTML 5
HTML 5HTML 5
HTML 5
 
PowerPoint y sus reglas
PowerPoint y sus reglasPowerPoint y sus reglas
PowerPoint y sus reglas
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Algoritmos
AlgoritmosAlgoritmos
Algoritmos
 
Cuestionario Power Point
Cuestionario Power PointCuestionario Power Point
Cuestionario Power Point
 
Diseño grafico y relación como la informática y la convergencia
Diseño grafico y relación como la informática y la convergenciaDiseño grafico y relación como la informática y la convergencia
Diseño grafico y relación como la informática y la convergencia
 
Clase 1. lógica de la programación
Clase 1. lógica de la programaciónClase 1. lógica de la programación
Clase 1. lógica de la programación
 
Funciones de word
Funciones de wordFunciones de word
Funciones de word
 
Evolución de la ofimática
Evolución de la ofimáticaEvolución de la ofimática
Evolución de la ofimática
 

Destacado (20)

breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
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
 
Qué es html
Qué es htmlQué es html
Qué es 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
 

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.