HTML
              XML
                          &



Facultad De Filosofia, Letras
  & Ciencias de la Educiación
 UNIVERSIDAD DE
   GUAYAQUIL
   Multimedia 2012
• 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 y traducir la estructura y la
  información 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.




                HTML
                  XML
                               &
• HTML
Los elementos son la estructura básica de HTML. Los elementos
tienen dos propiedades básicas: atributos y contenido. Cada atributo y
contenido tiene ciertas restricciones para que se considere válido al
documento HTML. Un elemento generalmente tiene una etiqueta de
inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre
(por ejemplo, </nombre-de-elemento>).
Los atributos del elemento están contenidos en la etiqueta de inicio y el
contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-
de-elemento        atributo="valor">Contenido</nombre-de-elemento>).
Algunos elementos, tales como <br>, no tienen contenido ni llevan una
etiqueta de cierre. Debajo se listan varios tipos de elementos de
marcado usados en HTML.




                   HTML
                     XML
                                     &
• HTML
El marcado estructural describe el propósito del texto. Por
ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de
segundo nivel, el cual se mostraría en un navegador de una manera similar
al título «Marcado HTML» al principio de esta sección. El marcado
estructural no define cómo se verá el elemento, pero la mayoría de los
navegadores web han estandarizado el formato de los elementos. Puede
aplicarse un formato específico al texto por medio de hojas de estilo en
cascada.
El marcado presentacional describe la apariencia del texto, sin importar su
función. Por ejemplo, <b>negrita</b> indica que los navegadores web
visuales deben mostrar el texto en negrita, pero no indica qué deben hacer
los navegadores web que muestran el contenido de otra manera (por
ejemplo, los que leen el texto en voz alta).




                   HTML
                     XML
                                      &
• HTML
La mayoría de los atributos de un elemento son pares
nombre-valor, separados por un signo de igual «=» y escritos en
la etiqueta de comienzo de un elemento, después del nombre de
éste. El valor puede estar rodeado por comillas dobles o simples,
aunque ciertos tipos de valores pueden estar sin comillas en
HTML (pero no en XHTML). De todas maneras, dejar los
valores sin comillas es considerado poco seguro. En contraste
con los pares nombre-elemento, hay algunos atributos que
afectan al elemento simplemente por su presencia (tal como el
atributo ismappara el elemento img).



                 HTML
                   XML
                                 &
• HTML




         HTML
           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 cuando varias aplicaciones se deben comunicar entre sí o
integrar información. (Bases de datos Silberschatz).
XML no ha nacido sólo para su aplicación en Internet, sino que se propone
como un estándar para el intercambio de información estructurada entre
diferentes plataformas. Se puede usar en bases de datos, editores de texto,
hojas de cálculo y casi cualquier cosa imaginable. Permite la compatibilidad
entre sistemas para compartir la información de una manera segura, fiable y
fácil.




                    HTML
                      XML
                                      &
• XML
         *Es extensible: Después de diseñado y puesto en
producción, es posible extender XML con la adición de nuevas
etiquetas, de modo que se pueda continuar utilizando sin
complicación alguna.
         *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. De esta manera se evitan bugs y se acelera el desarrollo
de aplicaciones.
         *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.




                  HTML
                    XML
                                   &
• XML
       *Si un tercero decide usar un documento
creado en XML, es sencillo entender su estructura
y procesarla. Mejora la compatibilidad entre
aplicaciones. Podemos comunicar aplicaciones de
distintas plataformas, sin que importe el origen de
los datos, 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.



             HTML
               XML
                          &
• XML
La tecnología XML busca dar solución al problema de expresar información
estructurada de la manera más abstracta y reutilizable posible. Que la
información sea estructurada quiere decir que se compone de partes bien
definidas, y que esas partes se componen a su vez de otras partes. Entonces se
tiene un árbol de trozos de información. Ejemplos son un tema musical, que se
compone de compases, que están formados a su vez por notas. Estas partes se
llaman elementos, y se las señala mediante etiquetas.

Una etiqueta consiste en una marca hecha en el documento, que señala una
porción de éste como un elemento. Un pedazo de información con un sentido
claro y definido. Las etiquetas tienen la forma <nombre>, donde nombre es el
nombre del elemento que se está señalando.

A continuación se muestra un ejemplo para entender la estructura de un
documento XML:




                    HTML
                      XML
                                       &
•XML




       HTML
         XML
         &
DIFERENCIAS
• HTML, trabaja como administrador de pagina web
  estática. Lo que dificulta la interrelación entre el
  modelado web y las diferentes herramientas de gestión
  web. Incluyendo entre estas las BASES DE DATOS.

• XML en cambio, mantiene entre su estructura base el
  HTML de tal forma que permite la union de diferentes
  recursos web para el trabajo a gusto del diseñador.




              HTML
                XML
                             &

Html&xml

  • 1.
    HTML XML & Facultad De Filosofia, Letras & Ciencias de la Educiación UNIVERSIDAD DE GUAYAQUIL Multimedia 2012
  • 2.
    • HTML, siglasde 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 y traducir la estructura y la información 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. HTML XML &
  • 3.
    • HTML Los elementosson la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre- de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML. HTML XML &
  • 4.
    • HTML El marcadoestructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada. El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). HTML XML &
  • 5.
    • HTML La mayoríade los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismappara el elemento img). HTML XML &
  • 6.
    • HTML HTML XML &
  • 7.
    • XML Siglas eninglé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 cuando varias aplicaciones se deben comunicar entre sí o integrar información. (Bases de datos Silberschatz). XML no ha nacido sólo para su aplicación en Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable. Permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil. HTML XML &
  • 8.
    • XML *Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la adición de nuevas etiquetas, de modo que se pueda continuar utilizando sin complicación alguna. *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. De esta manera se evitan bugs y se acelera el desarrollo de aplicaciones. *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. HTML XML &
  • 9.
    • XML *Si un tercero decide usar un documento creado en XML, es sencillo entender su estructura y procesarla. Mejora la compatibilidad entre aplicaciones. Podemos comunicar aplicaciones de distintas plataformas, sin que importe el origen de los datos, 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. HTML XML &
  • 10.
    • XML La tecnologíaXML busca dar solución al problema de expresar información estructurada de la manera más abstracta y reutilizable posible. Que la información sea estructurada quiere decir que se compone de partes bien definidas, y que esas partes se componen a su vez de otras partes. Entonces se tiene un árbol de trozos de información. Ejemplos son un tema musical, que se compone de compases, que están formados a su vez por notas. Estas partes se llaman elementos, y se las señala mediante etiquetas. Una etiqueta consiste en una marca hecha en el documento, que señala una porción de éste como un elemento. Un pedazo de información con un sentido claro y definido. Las etiquetas tienen la forma <nombre>, donde nombre es el nombre del elemento que se está señalando. A continuación se muestra un ejemplo para entender la estructura de un documento XML: HTML XML &
  • 11.
    •XML HTML XML &
  • 12.
    DIFERENCIAS • HTML, trabajacomo administrador de pagina web estática. Lo que dificulta la interrelación entre el modelado web y las diferentes herramientas de gestión web. Incluyendo entre estas las BASES DE DATOS. • XML en cambio, mantiene entre su estructura base el HTML de tal forma que permite la union de diferentes recursos web para el trabajo a gusto del diseñador. HTML XML &