+
LENGUAJES DE MARCAS
Capítulo 0
Lenguajes de Marcas y Sistemas de Gestión de Información
Curso 2025/2026
+ 2
Capítulo 0: INTRODUCCIÓN
1. Lenguajes de Marcas
2. Evolución
i. GML
ii. SGML
iii. HTML
iv. XML
3. Etiquetas
+ 3
1. LENGUAJES DE MARCAS
Un "lenguaje de marcas" es un modo de codificar un
documento donde, junto con el texto, se incorporan
etiquetas, marcas o anotaciones con información
adicional relativa a la estructura del texto o su formato
de presentación.
Permiten hacer explícita la estructura de un documento,
su contenido semántico o cualquier otra información
lingüística o extralingüística que se quiera hacer
patente.
+ 4
1. LENGUAJES DE MARCAS
Aspecto de un documento realizado con un lenguaje de
marcas:
<carta>
<fecha>22/11/2019</fecha>
<presentacion>Estimado cliente:</presentacion>
<contenido>bla bla bla bla …</contenido>
<firma>Don Jose Gutiérrez González</firma>
</carta>
+ 5
1. LENGUAJES DE MARCAS
Aunque en la práctica, en un mismo documento pueden combinarse
varios tipos diferentes de lenguajes de marca los lenguajes de
marcas, éstos se pueden clasificar como sigue:
◼ De presentación: Define el formato del texto.
◼ De procedimientos: Orientado también a la presentación pero,
en este caso, el programa que representa el documento debe
interpretar el código en el mismo orden en que aparece.
◼ Descriptivo o semántico: Describen las diferentes partes en las
que se estructura el documento pero sin especificar cómo deben
representarse.
+ 1. LENGUAJES DE MARCAS 6
Lenguajes de marcas agrupados por su ámbito de utilización:
◼ Documentación Electrónica
◼ RTF (Rich Text Format): Permite el intercambio de documentos de texto
ente distintos procesadores de texto.
◼ TeX: Su objetivo es la creación de ecuaciones matemáticas complejas.
◼ Wikitexto: Permite la creación de páginas wiki.
◼ Tecnologías de Internet
◼ HTML, XHTML: Su objetivo es la creación de páginas web.
◼ RSS: Permite la difusión de contenidos web.
◼ Otros lenguajes especializados
◼ MathML (Mathematical Markup Language).
◼ VoiceXML (Voice Extended Markup Language).
◼ .
+ 7
2. EVOLUCIÓN
Los lenguajes de marcas surgieron como lenguajes formados por el
conjunto de códigos de formato que los procesadores de texto
introducen en los documentos para dirigir el proceso de presentación
(impresión) mediante una impresora.
Como en el caso de los lenguajes de programación, inicialmente estos
códigos de formato estaban ligados a las características de una
máquina, programa o procesador de textos concreto y, en ellos,
inicialmente no había nada que permitiese al programador abstraerse
de las características del procesador de textos y expresar de forma
independiente a éste la estructura y la lógica interna del documento.
+ 8
2. EVOLUCIÓN
<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 realiza 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>
Este texto es un ejemplo para mostrar la utilización primitiva de las marcas
Para realiza este ejemplo se utilizan etiquetas de nuestra invención. Las partes importantes del texto
pueden resaltarse usando la negrita, o el subrayado
+ 2.1. GML 9
PROBLEMA: falta de estandarización en los formatos de información.
En los años 70, IBM encargó la construcción de un sistema de edición,
almacenamiento y búsqueda de documentos legales.
Tras analizar el funcionamiento de la empresa llegaron a la conclusión de que para
realizar un buen procesado informático de los documentos había que establecer un
formato estándar para todos los documentos que se manejaban en la empresa.
✓ Gestionar cualquier documento en cualquier departamento y con cualquier
aplicación, sin tener en cuenta dónde ni con qué se generó el documento.
Dicho formato tenía que ser válido para los distintos tipos de documentos legales que
utilizaba la empresa, por tanto, debía ser flexible para que se pudiera ajustar a las
distintas situaciones.
El formato de documentos que se creó como resultado de este trabajo fue GML, cuyo
objetivo era describir los documentos de tal modo que el resultado fuese
independiente de la plataforma y la aplicación utilizada.
+ 2.2. SGML 10
El formato GML evolucionó hasta que en 1986 dio
lugar al estándar ISO 8879 que se denominó
SGML.
Éste era un lenguaje muy complejo y requería de
unas herramientas de software caras.
Por ello su uso ha quedado relegado a grandes
aplicaciones industriales.
+ 2.2. SGML 11
<email>
<remitente>
<persona>
<nombre> Pepito </nombre>
<apellido> Grillo </apellido>
</persona>
</remitente>
<destinatario>
<direccion> pinocho@[Link] </direccion>
</destinatario>
<asunto>¿quedamos?</asunto>
<mensaje> Hola, he visto que ponen esta noche la película
que querías ver. ¿Te apetece ir?</mensaje>
</email>
+ 2.3. HTML 12
En 1989/90 se creó el World Wide Web y surgió la necesidad de
organizar, enlazar y compatibilizar gran cantidad de información
procedente de diversos sistemas. Para resolverlo se creó un lenguaje
de descripción de documentos llamado HTML, que, en realidad, era
una combinación de dos estándares ya existentes:
◼ ASCII: Formato que cualquier procesador de textos sencillo puede
reconocer y almacenar. Por tanto es un formato que permite la
trasferencia de datos entre diferentes ordenadores.
◼ SGML: Lenguaje que permite dar estructura al texto, resaltando los
títulos o aplicando diversos formatos al texto.
+ 2.3. HTML 13
HTML es una versión simplificada de SGML, ya que sólo se utilizan las
instrucciones absolutamente imprescindibles. Rápidamente tuvo gran
aceptación logrando lo que no pudo SGML: convertirse en un estándar
general para la creación de páginas web.
A pesar de todas estas ventajas HTML no es un lenguaje perfecto, sus
principales desventajas son:
◼ No soporta tareas de impresión y diseño.
◼ El lenguaje no es flexible, ya que las etiquetas son limitadas.
◼ No permite mostrar contenido dinámico.
◼ La estructura y el diseño están mezclados en el documento.
+ 2.3. HTML 14
<html>
<head>
<title> Ejemplo de código HTML</title>
</head>
<body bgcolor="#ffffff">
<p></p>
<p>
<b>15 de Septiembre de 2022</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>Creación de documentos HTML </li>
<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>
+ 2.3. HTML 15
+ 2.4. XML 16
Para resolver estos problemas de HTML el W3C establece, en 1998, el
estándar XML, un lenguaje de marcas puramente estructural que no
incluye ninguna información relativa al diseño.
Se convirtió con rapidez en estándar para el intercambio de datos en la
Web.
A diferencia de HTML, las etiquetas indican el significado de los
datos en lugar del formato con el que se van a visualizar los datos.
+ 2.4. XML 17
XML es un metalenguaje caracterizado por:
◼ Permitir definir etiquetas propias.
◼ Permitir asignar atributos a las etiquetas.
◼ Utilizar un esquema para definir de forma exacta
las etiquetas y los atributos.
◼ La estructura y el diseño son independientes.
+ 2.4. XML 18
XML es un conjunto de estándares relacionados entre sí y que son:
◼ XSL, eXtensible Style Language. Permite definir hojas de estilo
para los documentos XML e incluye capacidad para la transformación
de documentos.
◼ XML Linking Language. Incluye XPath, XLink y XPointer.
Determinan aspectos sobre los enlaces entre documentos XML.
◼ XML Namespaces. Proveen un contexto al que se aplican las marcas
de un documento XML y que sirve para diferenciarlas de otras con
idéntico nombre válidas en otros contextos.
◼ XML Schemas. Permiten definir restricciones que se aplicarán a un
documento. Actualmente los más usados son las DTD.
+ 2.4. XML 19
<?xml version='1.0'?>
<tarjetadevisita>
<apellido>Gonzalez</apellido>
<nombre>Enrique</nombre>
<empresa/>
<puesto>Profesor</puesto>
<direccion>
<numero>5</numero>
<calle>La Fuente</calle>
<codigopostal>04409</codigopostal>
<localidad>Alicun</localidad>
</direccion>
<numtelefono>123456789</numtelefono>
<numdemovil/>
<fax/>
<email>[Link]ón@[Link]</email>
</tarjetadevisita>
+ 2.4. XML 20
+ 2.5. COMPARACIÓN XML-HTML 21
+ 22
3. ETIQUETAS
Los lenguajes de marcas utilizan una serie de etiquetas
especiales intercaladas en un documento de texto sin formato.
Dichas etiquetas serán posteriormente interpretadas por los
intérpretes del lenguaje y ayudan al procesado del documento.
Las etiquetas se escriben encerradas entre ángulos, es decir <
y >. Normalmente, se utilizan dos etiquetas: una de inicio y otra
de fin para indicar que ha terminado el efecto que queríamos
presentar. La única diferencia entre ambas es que la de cierre
lleva una barra inclinada ‘/’ antes del código.
<etiqueta>texto que sufrirás las consecuencias de la
etiqueta</etiqueta>
+ 23
3. ETIQUETAS
Ejemplo en HTML:
<u>Esto está subrayado</u>
Al interpretarlo en el navegador se verá así:
Esto está subrayado
Las últimas especificaciones emitidas por el W3C indican
la necesidad de que vayan escritas siempre en
minúsculas para considerar que el documento está
correctamente creado.