SlideShare una empresa de Scribd logo
HTML Y XML
DIFERENCIAS…
HTML

El HTML, Hyper Text Markup Language (Lenguaje
de marcación de Hipertexto) es el lenguaje de
marcas de texto utilizado normalmente en la www
(World Wide Web). Estos documentos pueden ser
mostrados por los visores o "browsers" de paginas
Web en Internet, como Netscape Navigator,
Mosaic, Opera yMicrosoft Internet Explorer.
…

El entorno para trabajar HTML es simplemente
un procesador de texto, como el que ofrecen
los sistemas operativos Windows (Bloc de
notas), UNIX(el editor vi o ed) o el que ofrece
MS Office (Word).
El conjunto de etiquetas que se creen, se deben
guardar con la extensión .htm o .html
Una forma de entender rápidamente la estructura de un
documento XML, es viendo un pequeño ejemplo:

            <?xml version="1.0"?>
            <!DOCTYPE MENSAJE SYSTEM "mensaje.dtd">
            <mensaje>
            <remite>
            <nombre>Alfredo Reino</nombre>
            <email>alf@ibium.com</email>
            </remite>
            <destinatario>
            <nombre>Bill Clinton</nombre>
            <email>president@whitehouse.gov</email>
            </destinatario>
            <asunto>Hola Bill</asunto>
            <texto>
            <parrafo>¿Hola qué tal? Hace
            <enfasis>mucho</enfasis> que no escribes. A
            ver si llamas y quedamos para tomar
            algo.</parrafo>
            </texto>
            </mensaje>
XML(Lenguajede MarcasExtensible, Extensible MarkupLanguage)
XML es un lenguaje de marcas que ofrece un formato para
la descripción de datos estructurados, el cual conserva
todas las propiedades importantes del SGML.
XML es un metalenguaje, dado que con él podemos definir
nuestro propio lenguaje de presentación y, a diferencia del
HTML, que se centra en la representación de la
información, XML se centra en la información en si misma.
La particularidad más importante del XML es que no posee
etiquetas prefijadas con anterioridad, ya que es el propio
diseñador el que las crea a su antojo, dependiendo del
contenido del documento.
De esta forma, los documentos XML con
información sobre libros deberían tener etiquetas
como           <AUTOR>,             <EDITORIAL>,
<Nº_DE_PÁGINAS>, <PRECIO>, etc., mientras que
los documentos XML relacionados con educación
incluyen etiquetas del tipo de <ASIGNATURA>,
<ALUMNO>, <CURSO>, <NOTA>, etc.
Un documento escrito en HTML
contendría básicamente las siguientes
etiquetas :

<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del
documento.
<BODY> Inicio del cuerpo del
documento.
</BODY> Final del cuerpo del
documento.
</HTML> Final del documento.
Este mismo documento puede ser visto de forma gráfica, para
comprender mejor la estructura de un documento XML.
Diferencias entre HTML y XML
Tenemos que saber que tanto el XML como el HTML tienen
su base en el SGML.

El SGML (Standard Generalized Markup Language, ISO
8879) es el estándar internacional para la definición de la
estructura y el contenido de diferentes tipos de
documentos electrónicos. Es decir, es un metalenguaje que
nos permite definir lenguajes para definir la estructura y el
contenido de nuestros documentos.
¿Cuál es la diferencia entre ambos?



La diferencia fundamental entre HTML y XML es
que el primero, como ya se mencionó, es
SIMPLEMENTE UN LENGUAJE, y el segundo es UN
METALENGUAJE.
HTML                           XML
<TABLE>                  <LIBROS>
<TR>                     <LIBRO>
<TD>Título</TD>          <TITULO>AutoSketch</TITULO>
                         <AUTOR>Ramón Montero</AUTOR>
<TD>Autor</TD>
                         <PRECIO>33</PRECIO>
<TD>Precio</TD>          </LIBRO>
</TR>                    <LIBRO>
<TR>                     <TITULO>Windows 98</TITULO>
<TD>AutoSketch</TD>      <AUTOR>Jaime Perez</AUTOR>
<TD>Ramón Montero</TD>   <PRECIO>3.250</PRECIO>
<TD>33</TD>              </LIBRO>
</TR>                    <LIBRO>
                         <TITULO>Web Graphics</TITULO>
<TR>
                         <AUTOR>Ron Wodaski</AUTOR>
<TD>Windows 98</TD>      <PRECIO>8.975</PRECIO>
<TD>Jaime Perez</TD>     </LIBRO>
<TD>3.250</TD>           </LIBROS>
</TR>
<TR>
<TD>Web Graphics</TD>
<TD>Ron Wodaski</TD>
<TD>8.975</TD>
</TR>
</TABLE>
Procesar la información en HTML es inviable, por estar
mezclada con los estilos y las etiquetas que formatean la
                      información.

En XML se puede procesar la información con mucha
facilidad, porque todo está ordenado de una manera
lógica, así mismo el formateo de la información para que
se pueda entender bien por el usuario es viable a través de
un pequeño procesamiento, a través de hojas de estilos o
similares.

Más contenido relacionado

DOCX
PDF
Unidad 2
DOCX
PDF
Introducción a HTML
PPSX
Ac programacion
DOCX
Colegio nacional nicolás esguerra!!
PDF
1.3.2 elementos del lenguaje html
DOCX
DF
Unidad 2
Introducción a HTML
Ac programacion
Colegio nacional nicolás esguerra!!
1.3.2 elementos del lenguaje html
DF

La actualidad más candente (20)

DOCX
Colegio nacional nicolas esguerra (1)
DOCX
Pagina web 1
PPTX
PPTX
XML (eXtensible Markup Lenguage) Ejemplo
PPT
Drupal: Introducción al módulo views
PPTX
Html
 
DOCX
1er guia de trabajo html 1er año
DOCX
Documento nicolas garibello
PPTX
Htm lxmlcarlosguerra2 a3
PPTX
ODT
Ppp jjj 1002
PPT
Aplicaciones en la red
PPTX
Sitio Web / Introducción a HTML
PPTX
DOCX
Estructura de una página
PPTX
Universidad técnica de ambato
DOCX
PAGINA WEB 1
PPTX
Manual html
PDF
Colegio nacional nicolás esguerra
PDF
Tutor javawebparte2
Colegio nacional nicolas esguerra (1)
Pagina web 1
XML (eXtensible Markup Lenguage) Ejemplo
Drupal: Introducción al módulo views
Html
 
1er guia de trabajo html 1er año
Documento nicolas garibello
Htm lxmlcarlosguerra2 a3
Ppp jjj 1002
Aplicaciones en la red
Sitio Web / Introducción a HTML
Estructura de una página
Universidad técnica de ambato
PAGINA WEB 1
Manual html
Colegio nacional nicolás esguerra
Tutor javawebparte2
Publicidad

Destacado (7)

PPSX
Revisiones de puntos claves antes de lanzar un sitio web
PDF
Mis Novelas - Espejos
PDF
Windows phone 8 development succinctly
PDF
Mis novelas - Cartas de Ángeles Rotos
PDF
La biblia servidor apache 2
PPTX
Herramientas case1.1
PDF
Hands on Lab: Construyendo un lector RSS desde Visual Studio y Expression Blend
Revisiones de puntos claves antes de lanzar un sitio web
Mis Novelas - Espejos
Windows phone 8 development succinctly
Mis novelas - Cartas de Ángeles Rotos
La biblia servidor apache 2
Herramientas case1.1
Hands on Lab: Construyendo un lector RSS desde Visual Studio y Expression Blend
Publicidad

Similar a Html y xml (20)

PPSX
Diferencias entre HTML & XML (W. Malan)
PPTX
Programacion
PPTX
Programacion
PPTX
Programacion
PPTX
Html y xml carlos lita
PPTX
Presentacion
PPTX
Presentacion
PPTX
Diferencia entre html y xml
PPSX
Mera macias kerly diferencia entre html y xml presentasion prep
PPTX
PPTX
Diferencia entre html y xml
PPTX
Diferencia entre html y xml
PPTX
Guevara 2 c3
PPTX
Html y xml
PPTX
Diferencia entre html y xml
PPTX
Diferencia entre html y xml
PPTX
Diferencia entre html y xml
PPTX
Diferencias de html y xml
PPTX
Html y xml
PPTX
Html,xml
Diferencias entre HTML & XML (W. Malan)
Programacion
Programacion
Programacion
Html y xml carlos lita
Presentacion
Presentacion
Diferencia entre html y xml
Mera macias kerly diferencia entre html y xml presentasion prep
Diferencia entre html y xml
Diferencia entre html y xml
Guevara 2 c3
Html y xml
Diferencia entre html y xml
Diferencia entre html y xml
Diferencia entre html y xml
Diferencias de html y xml
Html y xml
Html,xml

Último (20)

PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
Influencia-del-uso-de-redes-sociales.pdf
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
PPTX
Presentación de Redes de Datos modelo osi
PDF
Calidad desde el Docente y la mejora continua .pdf
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
Estrategia de apoyo tecnología grado 9-3
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
CyberOps Associate - Cisco Networking Academy
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
Influencia-del-uso-de-redes-sociales.pdf
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Power Point Nicolás Carrasco (disertación Roblox).pptx
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
El-Gobierno-Electrónico-En-El-Estado-Bolivia
SAP Transportation Management para LSP, TM140 Col18
5.1 Pinch y Bijker en libro Actos, actores y artefactos de Bunch Thomas (coor...
Presentación de Redes de Datos modelo osi
Calidad desde el Docente y la mejora continua .pdf
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Propuesta BKP servidores con Acronis1.pptx
Estrategia de apoyo tecnología grado 9-3
Zarate Quispe Alex aldayir aplicaciones de internet .docx
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Sesion 1 de microsoft power point - Clase 1
CyberOps Associate - Cisco Networking Academy

Html y xml

  • 2. HTML El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera yMicrosoft Internet Explorer.
  • 3. … El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX(el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
  • 4. Una forma de entender rápidamente la estructura de un documento XML, es viendo un pequeño ejemplo: <?xml version="1.0"?> <!DOCTYPE MENSAJE SYSTEM "mensaje.dtd"> <mensaje> <remite> <nombre>Alfredo Reino</nombre> <email>alf@ibium.com</email> </remite> <destinatario> <nombre>Bill Clinton</nombre> <email>president@whitehouse.gov</email> </destinatario> <asunto>Hola Bill</asunto> <texto> <parrafo>¿Hola qué tal? Hace <enfasis>mucho</enfasis> que no escribes. A ver si llamas y quedamos para tomar algo.</parrafo> </texto> </mensaje>
  • 5. XML(Lenguajede MarcasExtensible, Extensible MarkupLanguage) XML es un lenguaje de marcas que ofrece un formato para la descripción de datos estructurados, el cual conserva todas las propiedades importantes del SGML. XML es un metalenguaje, dado que con él podemos definir nuestro propio lenguaje de presentación y, a diferencia del HTML, que se centra en la representación de la información, XML se centra en la información en si misma. La particularidad más importante del XML es que no posee etiquetas prefijadas con anterioridad, ya que es el propio diseñador el que las crea a su antojo, dependiendo del contenido del documento.
  • 6. De esta forma, los documentos XML con información sobre libros deberían tener etiquetas como <AUTOR>, <EDITORIAL>, <Nº_DE_PÁGINAS>, <PRECIO>, etc., mientras que los documentos XML relacionados con educación incluyen etiquetas del tipo de <ASIGNATURA>, <ALUMNO>, <CURSO>, <NOTA>, etc.
  • 7. Un documento escrito en HTML contendría básicamente las siguientes etiquetas : <HTML> Indica el inicio del documento. <HEAD> Inicio de la cabecera. <TITLE> Inicio del título del documento. </TITLE> Final del título del documento. </HEAD> Final de la cabecera del documento. <BODY> Inicio del cuerpo del documento. </BODY> Final del cuerpo del documento. </HTML> Final del documento.
  • 8. Este mismo documento puede ser visto de forma gráfica, para comprender mejor la estructura de un documento XML.
  • 9. Diferencias entre HTML y XML Tenemos que saber que tanto el XML como el HTML tienen su base en el SGML. El SGML (Standard Generalized Markup Language, ISO 8879) es el estándar internacional para la definición de la estructura y el contenido de diferentes tipos de documentos electrónicos. Es decir, es un metalenguaje que nos permite definir lenguajes para definir la estructura y el contenido de nuestros documentos.
  • 10. ¿Cuál es la diferencia entre ambos? La diferencia fundamental entre HTML y XML es que el primero, como ya se mencionó, es SIMPLEMENTE UN LENGUAJE, y el segundo es UN METALENGUAJE.
  • 11. HTML XML <TABLE> <LIBROS> <TR> <LIBRO> <TD>Título</TD> <TITULO>AutoSketch</TITULO> <AUTOR>Ramón Montero</AUTOR> <TD>Autor</TD> <PRECIO>33</PRECIO> <TD>Precio</TD> </LIBRO> </TR> <LIBRO> <TR> <TITULO>Windows 98</TITULO> <TD>AutoSketch</TD> <AUTOR>Jaime Perez</AUTOR> <TD>Ramón Montero</TD> <PRECIO>3.250</PRECIO> <TD>33</TD> </LIBRO> </TR> <LIBRO> <TITULO>Web Graphics</TITULO> <TR> <AUTOR>Ron Wodaski</AUTOR> <TD>Windows 98</TD> <PRECIO>8.975</PRECIO> <TD>Jaime Perez</TD> </LIBRO> <TD>3.250</TD> </LIBROS> </TR> <TR> <TD>Web Graphics</TD> <TD>Ron Wodaski</TD> <TD>8.975</TD> </TR> </TABLE>
  • 12. Procesar la información en HTML es inviable, por estar mezclada con los estilos y las etiquetas que formatean la información. En XML se puede procesar la información con mucha facilidad, porque todo está ordenado de una manera lógica, así mismo el formateo de la información para que se pueda entender bien por el usuario es viable a través de un pequeño procesamiento, a través de hojas de estilos o similares.