SlideShare una empresa de Scribd logo
1 de 12
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

La actualidad más candente

La actualidad más candente (20)

Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Pagina web 1
Pagina web 1Pagina web 1
Pagina web 1
 
danny
dannydanny
danny
 
XML (eXtensible Markup Lenguage) Ejemplo
XML  (eXtensible Markup Lenguage) EjemploXML  (eXtensible Markup Lenguage) Ejemplo
XML (eXtensible Markup Lenguage) Ejemplo
 
Drupal: Introducción al módulo views
Drupal: Introducción al módulo viewsDrupal: Introducción al módulo views
Drupal: Introducción al módulo views
 
Html
HtmlHtml
Html
 
1er guia de trabajo html 1er año
1er guia de trabajo html 1er año1er guia de trabajo html 1er año
1er guia de trabajo html 1er año
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Htm lxmlcarlosguerra2 a3
Htm lxmlcarlosguerra2 a3Htm lxmlcarlosguerra2 a3
Htm lxmlcarlosguerra2 a3
 
Html
HtmlHtml
Html
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
 
Aplicaciones en la red
Aplicaciones en la redAplicaciones en la red
Aplicaciones en la red
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Pp css
Pp cssPp css
Pp css
 
Estructura de una página
Estructura de una páginaEstructura de una página
Estructura de una página
 
Universidad técnica de ambato
Universidad técnica de ambatoUniversidad técnica de ambato
Universidad técnica de ambato
 
PAGINA WEB 1
PAGINA WEB 1PAGINA WEB 1
PAGINA WEB 1
 
Manual html
Manual htmlManual html
Manual html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 

Destacado

Revisiones de puntos claves antes de lanzar un sitio web
Revisiones de puntos claves antes de lanzar un sitio webRevisiones de puntos claves antes de lanzar un sitio web
Revisiones de puntos claves antes de lanzar un sitio webAQPHost
 
Mis Novelas - Espejos
Mis Novelas - EspejosMis Novelas - Espejos
Mis Novelas - EspejosSorey García
 
Windows phone 8 development succinctly
Windows phone 8 development succinctlyWindows phone 8 development succinctly
Windows phone 8 development succinctlyJose Luis Fernandez
 
Mis novelas - Cartas de Ángeles Rotos
Mis novelas - Cartas de Ángeles RotosMis novelas - Cartas de Ángeles Rotos
Mis novelas - Cartas de Ángeles RotosSorey García
 
La biblia servidor apache 2
La biblia servidor apache 2La biblia servidor apache 2
La biblia servidor apache 2Jesus David
 
Hands on Lab: Construyendo un lector RSS desde Visual Studio y Expression Blend
Hands on Lab: Construyendo un lector RSS desde Visual Studio y Expression BlendHands on Lab: Construyendo un lector RSS desde Visual Studio y Expression Blend
Hands on Lab: Construyendo un lector RSS desde Visual Studio y Expression BlendSorey García
 

Destacado (7)

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

Similar a HTML vs XML

Similar a HTML vs XML (20)

Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Programacion
ProgramacionProgramacion
Programacion
 
Trabajo xml
Trabajo xmlTrabajo xml
Trabajo xml
 
Diferencia entre html y xml
Diferencia entre html y xmlDiferencia entre html y xml
Diferencia entre html y xml
 
Taller 1 raul guaranda
Taller 1 raul guarandaTaller 1 raul guaranda
Taller 1 raul guaranda
 
Presentacion
PresentacionPresentacion
Presentacion
 
Presentacion
PresentacionPresentacion
Presentacion
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Diferencias de html y xml
Diferencias de html y xmlDiferencias de html y xml
Diferencias de html y xml
 
Xml
XmlXml
Xml
 
Introduccion al xml
Introduccion al  xmlIntroduccion al  xml
Introduccion al xml
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
Presentación1 viviana
Presentación1 vivianaPresentación1 viviana
Presentación1 viviana
 
Diferencias
DiferenciasDiferencias
Diferencias
 
Unidad educativa
Unidad educativaUnidad educativa
Unidad educativa
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
Archivo xml
Archivo xmlArchivo xml
Archivo xml
 

Último

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Último (15)

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

HTML vs 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.