Evolucion del Lenguajes de Marcas
Finales de los 60
Aparecen lenguajes distintos a los de programación, enfocados en la gestión y presentación de información. Permitían aplicar estilos básicos en procesadores de texto, ligados a cada máquina o software. Más adelante, se automatiza el formato con teclas y botones, aunque internamente seguían usando marcas. Su objetivo inicial era exclusivamente la presentación visual de documentos.
1970 – GML
IBM encarga a Charles F. Goldfarb un sistema para procesar documentos legales. Se buscaba un formato estándar válido en cualquier departamento y aplicación. GML describe documentos de forma independiente de la plataforma utilizada. Esto permitió la gestión unificada y flexible de diferentes tipos de documentos.
1986 – SGML
El GML evoluciona y se convierte en un estándar ISO internacional (ISO 8879). Ofrecía gran flexibilidad para estructurar información en múltiples contextos. Sin embargo, era demasiado complejo y requería software muy costoso. Su uso quedó restringido a aplicaciones industriales y entornos especializados.
1990 – HTML
Tim Berners-Lee crea un lenguaje simple basado en SGML para la World Wide Web. Combinaba la sencillez del formato ASCII con la estructura de SGML. Permitió enlazar y organizar información en la red de forma universal. Su facilidad de uso lo convirtió en el estándar para la creación de páginas web.
1998 – XML
El W3C define XML como un estándar internacional más flexible que HTML. Es un metalenguaje que permite definir etiquetas propias y asignar atributos. Separa estructura y diseño, favoreciendo la interoperabilidad entre sistemas. Se consolida como referencia para el intercambio de datos en la web y software.
Genially
Ejemplo
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE biblioteca>
<biblioteca>
<ejemplar tipo="libro" isbn="978-2-7460-4958-1" edicion="1" paginas="347" fecha="01/04/2011">
<titulo>XML practico</titulo>
<editorial>Ediciones Eni</editorial>
<autor>Sebastien Lecomte</autor>
<autor>Thierry Boulanger</autor>
<autor funcion="traductor">Ángel Belinchon Calleja</autor>
<prestamos>
<lector socio="0223" inicio="13/05/2014" devolucion="15/05/2014">Pedro López</lector>
<lector socio="0065" inicio="13/07/2015" devolucion="15/07/2015">Ali Méndez</lector>
</prestamos>
</ejemplar>
<ejemplar tipo="revista" paginas="51" fecha="01/11/2009">
<titulo>Todo Linux 101. Virtualización en GNU/Linux</titulo>
<editorial>Studio Press</editorial>
<autor>Teresa López</autor>
<autor>Andrés Lozano</autor>
<prestamos>
<lector socio="0211" inicio="11/05/2015" devolucion="15/05/2015">Víctor Rodríguez</lector>
</prestamos>
</ejemplar>
</biblioteca>
Ejemplo
<html>
<head>
<title>Ejemplo de código HTML</title>
</head>
<body bgcolor="#ffffff">
<p><b>1 de Octubre de 2015</b></p>
<p><b>Bienvenido al modulo de "Lenguajes de Marcas y Sistemas de Gestión de Información"</b></p>
<p>En este curso aprenderás, entre otras cosas:<br/>
<ul>
<li>Las ventajas que ofrece XML </li>
<li>La creación de documentos bien formados </li>
<li>La creación de DTD</li>
</ul>
</p>
</body>
</html>
Ejemplo
<email>
<remitente>
<nombre>Peter</nombre>
<apellido>Pan</apellido>
</remitente>
<destinatario> <direccion>campanilla@paisdenuncajamas.com</direccion> </destinatario>
<asunto>Paseo</asunto>
<mensaje>¿Te apetece dar una vuelta?</mensaje>
</email>
Ejemplo
<times 14><color verde><centrado> Este texto es un ejemplo para mostrar la utilización primitiva de las marcas</centrado></color></times 14>
<color granate><times 10><cursiva>Para realizar este ejemplo se utilizan etiquetas de nuestra invención. </cursiva>
Las partes importantes del texto pueden resaltarse usando la
<negrita>negrita</negrita>, o el <subrayar>subrayado</subrayar></times 10></color>
Evolucion del Lenguajes de Marcas
Marcos Alvarez
Created on September 21, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Practical Timeline
View
Timeline video mobile
View
Timeline Lines Mobile
View
Major Religions Timeline
View
Timeline Flipcard
View
Timeline video
View
History Timeline
Explore all templates
Transcript
Evolucion del Lenguajes de Marcas
Finales de los 60
Aparecen lenguajes distintos a los de programación, enfocados en la gestión y presentación de información. Permitían aplicar estilos básicos en procesadores de texto, ligados a cada máquina o software. Más adelante, se automatiza el formato con teclas y botones, aunque internamente seguían usando marcas. Su objetivo inicial era exclusivamente la presentación visual de documentos.
1970 – GML
IBM encarga a Charles F. Goldfarb un sistema para procesar documentos legales. Se buscaba un formato estándar válido en cualquier departamento y aplicación. GML describe documentos de forma independiente de la plataforma utilizada. Esto permitió la gestión unificada y flexible de diferentes tipos de documentos.
1986 – SGML
El GML evoluciona y se convierte en un estándar ISO internacional (ISO 8879). Ofrecía gran flexibilidad para estructurar información en múltiples contextos. Sin embargo, era demasiado complejo y requería software muy costoso. Su uso quedó restringido a aplicaciones industriales y entornos especializados.
1990 – HTML
Tim Berners-Lee crea un lenguaje simple basado en SGML para la World Wide Web. Combinaba la sencillez del formato ASCII con la estructura de SGML. Permitió enlazar y organizar información en la red de forma universal. Su facilidad de uso lo convirtió en el estándar para la creación de páginas web.
1998 – XML
El W3C define XML como un estándar internacional más flexible que HTML. Es un metalenguaje que permite definir etiquetas propias y asignar atributos. Separa estructura y diseño, favoreciendo la interoperabilidad entre sistemas. Se consolida como referencia para el intercambio de datos en la web y software.
Genially
Ejemplo
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE biblioteca> <biblioteca> <ejemplar tipo="libro" isbn="978-2-7460-4958-1" edicion="1" paginas="347" fecha="01/04/2011"> <titulo>XML practico</titulo> <editorial>Ediciones Eni</editorial> <autor>Sebastien Lecomte</autor> <autor>Thierry Boulanger</autor> <autor funcion="traductor">Ángel Belinchon Calleja</autor> <prestamos> <lector socio="0223" inicio="13/05/2014" devolucion="15/05/2014">Pedro López</lector> <lector socio="0065" inicio="13/07/2015" devolucion="15/07/2015">Ali Méndez</lector> </prestamos> </ejemplar> <ejemplar tipo="revista" paginas="51" fecha="01/11/2009"> <titulo>Todo Linux 101. Virtualización en GNU/Linux</titulo> <editorial>Studio Press</editorial> <autor>Teresa López</autor> <autor>Andrés Lozano</autor> <prestamos> <lector socio="0211" inicio="11/05/2015" devolucion="15/05/2015">Víctor Rodríguez</lector> </prestamos> </ejemplar> </biblioteca>
Ejemplo
<html> <head> <title>Ejemplo de código HTML</title> </head> <body bgcolor="#ffffff"> <p><b>1 de Octubre de 2015</b></p> <p><b>Bienvenido al modulo de "Lenguajes de Marcas y Sistemas de Gestión de Información"</b></p> <p>En este curso aprenderás, entre otras cosas:<br/> <ul> <li>Las ventajas que ofrece XML </li> <li>La creación de documentos bien formados </li> <li>La creación de DTD</li> </ul> </p> </body> </html>
Ejemplo
<email> <remitente> <nombre>Peter</nombre> <apellido>Pan</apellido> </remitente> <destinatario> <direccion>campanilla@paisdenuncajamas.com</direccion> </destinatario> <asunto>Paseo</asunto> <mensaje>¿Te apetece dar una vuelta?</mensaje> </email>
Ejemplo
<times 14><color verde><centrado> Este texto es un ejemplo para mostrar la utilización primitiva de las marcas</centrado></color></times 14> <color granate><times 10><cursiva>Para realizar este ejemplo se utilizan etiquetas de nuestra invención. </cursiva> Las partes importantes del texto pueden resaltarse usando la <negrita>negrita</negrita>, o el <subrayar>subrayado</subrayar></times 10></color>