Está en la página 1de 39

UT1 INTRODUCCIÓN A

LOS LENGUAJES DE
MARCAS
Lenguajes de Marcas y Sistemas de
Gestión de Información.
 RA1: Reconoce las características de lenguajes
de marcas analizando e interpretando
fragmentos de código.

AL FINALIZAR LA UT1.
 Identificar las características generales de los lenguajes
de marcas.
 Reconocer las ventajas que proporcionan en el
tratamiento de la información.
 Clasificar los lenguajes de marcas e identificar los más
relevantes.
 Diferenciar los ámbitos de aplicación de los lenguajes de
marcas.
 Reconocer la necesidad y los ámbitos específicos de
aplicación de un lenguaje de marcas de propósito
general.
 Reconocer las características propias del lenguajes XML.

OBJETIVOS DE APRENDIZAJE:
 Un lenguaje de marcas es un lenguaje que anota el texto de
modo que el ordenador puede manipularlo.
 La mayoría de los lenguajes de marcas son legibles debido a
que las anotaciones están escritas de forma tal que se
puedan distinguir de los textos.
Por ejemplo, con HTML, XML y XHTML, las etiquetas de formato
son ‹ y ›.
El texto que aparece dentro de uno de esos delimitadores se
considera parte del lenguaje de marcado y no parte del texto
anotado.
Por ejemplo

‹ p › este es un párrafo de texto escrito en HTML ‹ /p ›


¿QUÉ SON LOS LENGUAJE DE
MARCAS?
 Un lenguaje de marcas es una forma de
codificar un documento que, junto con el texto,
incorpora etiquetas o marcas que contienen
información adicional acerca de la estructura
del texto y/o su presentación.

¿QUÉ SON LOS LENGUAJE DE


MARCAS?

enlace a la creación de Latex on line


Playa de Merón o Sable de Merón
San Vicente de la Barquera
Playa de más de 3 km de extensión cercana al parque
Natural de Oyambre.
El documento de texto sin marcado: playas.txt Acceso: N-634 y S-4832 Cualquier editor de textos:
Longitud: 3500 m notepad++, etc
Color de arena: blanco
Tipo de arena: fina
Pendiente: suave
Desnivel: suave

\documentclass{article}
.\title{Playa de MERON o Sable de MERON }
\date{Septiembre 26, 2017}
El documento con Lenguaje de Marcado LaTeX: \begin{document}
LaTeX
playas.tex \maketitle San Vicente de la Barquera. Playa de más de 3
https://papeeria.com
km de extensión cercana al parque Natural de Oyambre.
\section{Acceso:\emph{N-634} y \emph{S-4832}}
\section{Longitud: \emph{3500 m}}
\end{document}

<h1>Playa de MERON o Sable de MERON </h1>


El documento con Lenguaje de Marcado HTML: <h2>San Vicente de la Barquera</h2>
playas.html <p>Playa de más de 3 km de extensión cercana al parque Cualquier Navegador
Natural de Oyambre.</p>

EJEMPLO <playas>
<nombre>MERON</nombre>
<comunidad>Cantabria</comunidad>
<población>San Vicente de la
El documento con Lenguaje de Marcado XML: Barquera</población>
playas.xml <descripción> Cualquier Navegador
Playa de más de 3 km de extensión cercana al parque
Natural de Oyambre.
</descripción>
</playas>
 Guarda el texto:

 En un archivo saludo.txt
 Ábrelo con el navegador y comprueba que el
texto….
 Renombra el archivo como saludo.html
 Ábrelo ahora con el navegador y …
<h1>Playa de MERON o Sable de
MERON </h1>
<h2>San Vicente de la Barquera</h2>
ACTIVIDAD 1.1 <p>Playa de más de 3 km de extensión
cercana al parque Natural de
Oyambre.</p>
UN EJEMPLO

<html>
<head>  El lenguaje de
<title>Problema</title> marcas más
<body> extendido es el
<h1>Datos de paises.</h1> HTML ("HyperText
<p>Seleccione el pais Markup Language",
<select id="pais"> Lenguaje de
<option value="0" selected>seleccione</option> marcado de
<option value="Argentina">Argentina</option>
hipertexto),
<option value="Brasil">Brasil</option>
<option value="Chile">Chile</option>
fundamento del
</select><br> World Wide Web
<input type="button" id="boton1" value="Recuperar"> (entramado de
</p> comunicación de
<div id="resultados"></div> alcance mundial).
</body>
</html>
 Los lenguajes de marcado suelen confundirse
con lenguajes de programación.
 Sin embargo, no son lo mismo,
 ya que el lenguaje de marcado no tiene
funciones aritméticas o variables, como sí
poseen los lenguajes de programación.
 Históricamente, el marcado se usaba y se usa en
la industria editorial y de la comunicación, así
como entre autores, editores e impresores

QUE NO SON LOS LENGUAJES


DE MARCAS.
 En los años 60, IBM intentó resolver sus problemas
asociados al tratamiento de documentos en
diferentes plataformas a través de un lenguaje
de marcas denominado
GML(Generalized markup Language o Lenguaje
de marcas generalizado).
 GML libera al creador del documento de
preocupaciones específicas del formato del
documento tales como especificación de la
fuente, línea espaciamiento, y disposición de
página requerida por Script.

HISTORIA, UN POCO….
Usando GML, un documento está marcado con las
Por etiquetas
ejemplo,quees definen
posiblecuáles
El documento se
son el texto, en
ajustar a formato
términos un listas,
de párrafos, puede
tablas,entonces
y así
documento para una
sucesivamente. ajustar al formato
impresora laser o para automáticamente
una pantalla para varios dispositivos
simplemente simplemente
especificando un perfil especificando un perfil
HISTORIA
para el dispositivo sin para el dispositivo.
cambiar el
documento.
Las marcas son códigos que Conociendo este sistema y
indican a un programa cómo conociendo a la perfección el
debe tratar su contenido y así, sistema de marcas de cada
si se desea que un texto aplicación sería posible pasar
aparezca con un formato información de un sistema a
determinado, dicho texto otro sin necesidad de perder el
debe ir delimitado por la formato indicado.
 El principal problema, antes de usar GML, era
correspondiente marcaaplicación
que cada que utilizaba sus propias
indique como
marcasdebe serdescribir los diferentes elementos.
para
mostrado en pantalla o
impreso.

GML
 Más tarde GML pasó a manos de ISO y se convirtió
en SGML (ISO 8879), Standart Generalized Markup
Language.
Esta norma es la que se aplica desde
entonces a todos los lenguajes de marcas, cuyos
ejemplos más conocidos son el HTML y el RTF.
 Los lenguajes de marcas son sistemas complejos de
descripción de información, normalmente
documentos, que si se ajustan a SGML, se pueden
controlar desde cualquier editor ASCII.
 Las marcas más utilizadas suelen describirse por
textos descriptivos encerrados entre signos de
"menor" (<) y "mayor" (>), siendo lo más usual que
existan una marca de principio y otra definal.

SGML (ISO 8879)


EJEMPLO SGML
<antologia>
<poema>
<titulo>Poema de amor 15</titulo>
<estrofa>
<verso>ME gustas cuando callas</verso>
<verso>porque estás como ausente;</verso>
<verso>y me oyes desde lejos</verso>
<verso>y mi voz no te toca.</verso>
</estrofa>
<!-- resto del poema -->
</poema>
<!-- otros poemas de la antologia -->
</antologia>
 Ejemplo 1: Los módulos de ASIR
 Vocabulario: asir, módulo, título, contenido, unidad.
 Reglas:
 Asir contiene varios módulos, un módulo tiene un elemento
simple, título, y un elemento contenido.
 Contenido tiene varias unidades y toda unidad debe estar
en un contenido.
 Las unidades son texto simple.
 Detrás de cada unidad sólo puede ir otra unidad o fin de
contenido.
 Detrás de un módulo solo puede ir otro módulo o fin de asir.

CREA UN DOCUMENTO SGML


 Es un metalenguaje que permite definir lenguajes de
marcado.

 Especifica la sintaxis para la inclusión de marcas en los textos, así


como la sintaxis del documento que especifica qué etiquetas
están permitidas y dónde: el Document Type Definition (DTD).
 La definición de la estructura y el contenido de un tipo de
documento se realiza por medio de su DTD (Document Type
Definition).

SGML (STANDARD GENERALIZED


MARKUP LANGUAGE, 1986):
 SGML apareció para resolver temas de
compatibilidad para el intercambio de
documentos estrictamente formateados entre
diferentes plataformas de ordenadores.
 Anteriormente, existían opciones limitadas para el
intercambio electrónico de documentos en un
formato coherentemente útil para el receptor.
 Así los creadores de SGML desarrollaron un formato
para documentos,
independientemente de
la plataforma.

LA POTENCIA DE SGML IMPLICA


UNA DIFICULTAD EN SU
APRENDIZAJE Y USO
 A partir de aquí podemos decir que:
 El HTML se crea a partir del SGML.
 XML surge como respuesta al desorden que
supuso el rápido crecimiento del HTML, por lo que
podemos decir que su precedencia es SGML.

ASÍ QUE…..
Texto plano
Codificado. ASCII UTF 8 ISO 8859-15
Compacidad
 Instrucciones de marcado se mezclan con
el texto.
Facilidad de procesamiento
 Fácil desarrollar lenguajes especializados en función del
tipo de documento, fáciles de comprender, de aprender

Flexibilidad
 Combinar diferentes lenguajes en el
mismo archivo.
CARACTERÍSTICAS DE LOS
LENGUAJES DE MARCAS
• Atendiendo al tipo de marcas que
utilizan:
• De presentación: RTF, TeX
• Descriptivo, estructural o semántico: XML
• Híbrido: HTML
• Atendiendo a su funcionalidad:
• Para crear documentación
• Tecnologías de internet
• De propósito específico

CLASIFICACIÓN DE LOS
LENGUAJES DE MARCAS
Descriptivos

Indica las diferentes partes en


que se estructura un
documento, pero sin
De presentación: especificar cómo debe
especificarse ni en qué
orden.

Indica el formato del texto o Crean documentos con


tipografía, sin especificar su estructura de árbol que
estructura, por ejemplo, almacena información, por
tamaño de texto, tipo de eso son bases de datos, sin
letra... embargo, no usan tablas ni
respetan las reglas de
integridad propias de las
bases de datos relacionales,
por ello se les llama bases de
datos semi-estructuradas.
Tecnologías de Internet:
HTML, XHTML, WML
(páginas web):
Para crear • GladeXML, XForms,
documentación XAML
electrónica: (formularios/interfaces
de usuario)
• RTF, TeX, troff, nroff
• RSS, Atom
• ASN.UEBML, YAML (sindicación de
• Wikitexto, DocBook, contenidos)
LinuxDoc • WSDL, SOAP, UDDI
(servicios web)
ATENDIENDO A SU FUNCIONALIDAD • XMPP (mensajería
instantánea)
ATENDIENDO A SU FUNCIONALIDAD: DE
PROPÓSITO ESPECÍFICO:
- XSLT (transformación de
- MathML, CML (fórmulas documentos)
matemáticas) - XTM (mapas conceptuales)
- SSML, SRGS, VoiceXML - RDF, XFML, OWL, XMP
(síntesis de voz) (catalogación y clasificación
- MusicXML (partituras de de documentos, metadatos)
música) - GML (información
- SVG, VML, X3D (gráficos geográfica)
vectoriales) - OFX (intercambio de
- SMIL (archivos multimedia) información financiera)
- XLL (enlaces): - ebXML (comercio

electrónico)
XLINK (asociación de recursos)

- XML Dsig, XML Ene, SAML,
XML Base (URI básico) XACML, XKMS, XrML
• (seguridad)
XPOINTER (localización de - Xlnclude (inclusión de
recursos)
archivos)
EJEMPLO LATEX
 Ejemplo 2: Crear un documento en Látex.
 Crea el documento del ejemplo anterior en
papeeria.com ( on line)

ACTIVIDAD
 Normalización:
 Proceso de definición de normas, para garantizar el
correcto funcionamiento de elementos construidos
de forma independiente.
Por ejemplo: crear páginas web con las
especificaciones del lenguaje utilizado.
 Las organizaciones más importantes en materia de
software son W3C, ISO y OpenSource.
Según el propio W3C:
World Wide Web Consotium W3C es:
Una comunidad internacional que desarrolla
estándares que aseguran el crecimiento de la web
a largo plazo.

ORGANIZACIONES Y STÁNDARES
 Visita la página de W3C.es y consulta la
especificación HTML 4.01.
 Averigua el estado de las publicaciones sobre
HTML 5.
 Consulta los objetivos del W3C.
 Indica los miembros más destacados (tres) y
cuáles son los miembros españoles (tres).

PARA SABER MÁS…BUSCA LOS


MIEMBROS DEL W3C
XML es otro metalenguaje
más fácil de usar y
entender.
A partir de XML se han
creado muchos
lenguajes como XHTML, RSS y
un largo etc.
INTRODUCCIÓN A LOS
PRINCIPALES LENGUAJES DE
MARCAS
 HTML es un lenguaje
destinado a la creación
de páginas web, que
nos permite mezclar en
un mismo documento,
texto y contenido
multimedia.
 Además dispone de una
potente herramienta
 Esto supone una ventaja que son los enlaces o
importante frente a los hipervínculos, para
documentos impresos conectar con otras
(libros, revistas, etc.) páginas cuyo contenido
está relacionado la
página actual.
 HTMLfue creado por Tim Berners
Lee a principios de los 90 con
objetivos divulgativos.
 Nopensó que la web llegara a ser
un área de ocio y un medio de
comunicación tan potente, de
modo que inicialmente no podía
dar soporte a todas las funciones
que más tarde tendría que realizar.

UN POCO DE HISTORIA….
 Sir Tim Berners-Lee y su equipo desarrollaron el
lenguaje HTML, el protocolo http y el sistema de
 Localización de recursos URL, después pusieron
en marcha el primer servidor Web llamado httpd
 Es considerado como el padre de la Web.

EL PADRE DEL HTML Y DE LA


WEB.
 HTML Ha tenido por
tanto una evolución
poco planificada y a
veces anárquica que ha
supuesto una serie de
 inconvenientes y
deficiencias, que han
sido superados con la
 introducción de otras
 Las carencias del HTML tecnologías capaces de
inicial se han ido mejorar el
resolviendo mediante la funcionamiento y la
incorporación de organización de los sitios
modificaciones y nuevos
elementos, son las diferentes Web.
versiones de HTML.  Ejemplos de estas
tecnologías: CSS,
JavaScript y los
HTML …. complementos de
navegador.
 Otro de los problemas
que tiene HTML,
especialmente cuando
se combina con CSS, ha
sido
 la diferente  Esto ha provocado la
interpretación que aparición de los "hacks", que
hacen los navegadores son pequeños trozos de
de la misma página código para conseguir un
web, debido al comportamiento
homogéneo en los
 diferente ritmo en que navegadores
los navegadores
incorporan las nuevas
propiedades CSS
 (especialmente Internet
Explorer).

MÁS PROBLEMAS DE HTML


 Además del navegador necesario para ver los resultados
de nuestro trabajo, necesitamos otra herramienta capaz de
crear la página.
 Un archivo HTML es texto plano, por lo que para escribir en
HTML necesitamos un simple editor de textos.
 Existen aplicaciones específicas para la creación de
páginas web, quizás la más conocida sea Dreamweaver,
que nos ofrecen muchas funcionalidades para aumentar
nuestra productividad. Amaya y Notepad++ son otros
ejemplos.

HERRAMIENTAS PARA CREAR


WEBS
 Es una simplificación y adaptación de SGML que permite
definir lenguajes específicos.
 Por lo tanto, XML no es un lenguaje en particular, sino una
manera de definir lenguajes para diferentes necesidades,
es decir, lo que hemos llamado un metalenguaje.
 Para describir la relación con SGML a menudo se utiliza la
regla 80/20:

80% de funcionalidad y 20% de


complejidad
lenguajes derivados de XML : XHTML, MathML, RSS

XML
 - Validable: cada
documento se puede
 - Extensible: se pueden validar frente a un
definir nuevas etiquetas DTD/Schema.

 - Versátil: separa  - Abierto: independiente


contenido, estructura y de empresas, sistemas
presentación operativos, lenguajes de
programación o entornos
 - Estructurado: se pueden de desarrollo.
modelar datos a cualquier
nivel de complejidad  - Sencillo: fácil de aprender
y de usar.

CARACTERÍSTICAS DE XML
 XML no se utiliza solo en Internet, sino que se está
convirtiendo en un estándar para el
intercambio de información
estructurada entre diferentes
plataformas.
 Se puede usar en bases de datos ligeras,
editores de texto, hojas de cálculo,
transacciones comerciales y en general donde
se necesite almacenar información sin las
restricciones de un SGBD Relacional.

¿DÓNDE SE USA XML?


CREA UN ARCHIVO XML CON LOS ut1 : introducción
MÓDULOS DE ESTE CICLO ut2: HTML y CSS
FORMATIVO Y DENTRO DEL MÓDULO
DE LENGUAJE DE MARCAS, INCLUYE ut3: XML: DTD
LAS UNIDADES TEMÁTICAS:
UT 4: XSL
UT 5: RSS
UT 6: xquery

Realiza el fichero cicloformativo.xml


 Crea un documento XML con los datos que has
recopilado de tu afición/deporte/juego favorito.
 La estructura debe ser clara y tipo “muñeca
rusa”.

ACTIVIDAD

También podría gustarte