Reporte de investigación

Lenguajes de marcas y etiquetas HTML

Alumnos:

Nah Canché Jesús David

Caamal Hau Pedro Carlos
Docente:

Luis Alberto Balam Mukul

Ing. Sistemas Computacionales

6°A
 Introducción
En esta investigación se aborda los lenguajes de marcas, la cual cuando
se escucha hablar de ello, o cuando se va conociendo dicho lenguaje esta
suele confundirse con lenguaje de programación, la cual es un
pensamiento erróneo debido a que no es un lenguaje de programación,
porque estos lenguajes carecen de funciones y variables.
Básicamente el lenguaje marcado sirve para crear documentos donde se
especifican la estructura que esta tendrá, la forma como mostrará la
información, como por ejemplo si la información estará en negritas o
subrayado, entre aspectos relacionados a los documentos, es decir la
presentación del documento, esto se va especificando a través de
etiquetas o marcas.
Los lenguajes que se abordaran son el xml, este lenguaje es reciente, la
cual es muy poderoso, porque se puede aplicar en muchas áreas, y el otro
es SGML, este es uno de los lenguajes antiguos, la cual es muy compleja
por tal motivo existen lenguajes como el XML Y HTML.
También este documento contiene las principales etiquetas utilizadas en
HTML, donde se especifica el código y un ejemplo para que se pueda
entender mejor.

Desarrollo

Xml (Lenguaje de Marcas Extensible)

El XML es una adaptación del SGML (Standard Generalized Markup

Language), un lenguaje que permite la organización y el etiquetado de
documentos. Esto quiere decir que el XML no es un lenguaje en sí mismo,
sino un sistema que permite definir lenguajes de acuerdo a las
necesidades

¿Para qué sirve XML?

Representar información estructurada en la web (todos documentos), de modo
que esta información pueda ser almacenada, transmitida,
procesada, visualizada e impresa, por muy diversos tipos de aplicaciones y
dispositivos.
Ventajas de XML
 Fácilmente procesable
 Separa radicalmente el contenido y el formato de presentación
 Diseñado para cualquier lenguaje y alfabeto. (encoding)
Características
 XML es un subconjunto de SGML que incorpora las tres características
más importantes de este:
o Extensibilidad
o Estructura
 o Validación
 Basado en texto.
 Orientado a los contenidos no presentación.
 Las etiquetas se definen para crear los documentos, no tienen un
significado preestablecido.
 No es sustituto de HTML.
 No existe un visor genérico de XML.
Aplicaciones de XML
 Publicar e intercambiar contenidos de bases de datos.
 Formatos de mensaje para comunicación entre aplicaciones (B2B)
 Descripción de metacontenidos.
Estructura de un documento XML

Documento XML está formado por datos de caracteres y marcado, el

marcado lo forman las etiquetas.

Estructura

Componentes de un documento XML

En un documento XML existen los siguientes componentes:
Elementos: Pieza lógica del marcado, se representa con una
cadena de texto(dato) encerrada entre etiquetas. Pueden existir
elementos
vacíos (<br/>). Los elementos pueden contener atributos.
Instrucciones: Ordenes especiales para ser utilizadas por la
aplicación que procesa
<?xml-stylesheet type=“text/css” href=“estilo.css”>
Las instrucciones XML. Comienzan por <? Y terminan por ?>.
Comentarios: Información que no forma parte del documento.
Comienzan por <!-- y terminan por -->.
Declaraciones de tipo: Especifican información acerca del
documento:
<!DOCTYPE persona SYSTEM “persona.dtd”>
 Secciones CDATA: Se trata de un conjunto de caracteres que no
deben ser interpretados por el procesador:
<![CDATA[ Aquí se puede meter cualquier carácter, como <, &, >, ...
Sin que sean interpretados como marcación]]>

SGML(lenguaje de marcado generalizado estándar)

Standard Generalized Markup Language fue definido por la norma ISO

8879 en 1986 y desde entonces ha sido considerado el lenguaje estándar
para mantener los depósitos centrales de la estructura documental. Se
trata de un lenguaje para marcar y describir documentos con
independencia total del hardware y software utilizados.

SGML es un estándar internacional, no propietario y abierto, que provee

un método para la descripción de la estructura de documentos basándose
en la relación lógica de sus partes. Provee una codificación estándar para
la transmisión de documentos entre sistemas de computación diferentes
como distintas plataformas, diferentes soportes físicos y lógicos, distintos
sistemas de almacenamiento y presentación, con independencia de su
grado de complejidad

El lenguaje SGML debe utilizarse cuando existan algunas de las

siguientes condiciones:

 Cuando exista la necesidad de intercambiar documentos entre

diferentes sistemas de computación o de edición.
 Cuando los documentos tengan una larga vida de uso.
 Cuando sea fundamental la estructura de un documento.
 Cuando se utilice una base de datos para el almacenamiento y
recuperación de los elementos del documento.

Un documento SGML se compone de tres partes o archivos:

 Declaración SGML
 Declaración de tipo de documento (DTD)
 Instancia de Documento

La declaración SGML caracteriza la DTD y, por tanto, las instancias de

documento (que incluyen el contenido propiamente dicho) que se generen a
partir de ella, en términos de conjunto de caracteres usados y otros puntos
opcionales de SGML. Esta declaración puede ser omitida, en cuyo caso se
asumen unos grupos de caracteres por defecto y ninguna característica
opcional.

Una clase de documentos tiene en común una gramática que define el

marcado permitido en esa clase, el marcado requerido, y cómo debe ser
utilizado dicho marcado en la instancia de documento. El estándar define esta
gramática mediante la DTD. SGML no especifica ningún conjunto particular de
elementos; el conjunto de elementos que pueden utilizarse se define en la
DTD. También existe la posibilidad de hacer referencia a una DTD pública,
mezclar definiciones originales con la DTD pública o generar una DTD original.
La DTD es necesaria.

La instancia de documento lleva, pues, el contenido estructurado según el

marco definido en la DTD y con las características fijadas por la declaración
SGML. Sin embargo, SGML presenta un inconveniente importante: no permite
incorporar información de apariencia (layout) del documento. Para solventar
esta carencia ha sido desarrollado otro estándar, el Document Style and
Semantics Specification Language (DSSSL).

La declaración SGML

La declaración SGML dice al usuario qué puede y qué no puede estar contenido
en el documento SGML, qué caracteres serán usados, qué características
específicas de SGML serán implementadas, y qué sintaxis se utilizará en el
documento. Se trata de un diagrama formal y normalizado que le indica al
sistema receptor el conjunto de caracteres, los delimitadores y las características
opcionales de SGML que se están utilizando. La declaración SGML y la DTD
trabajan de forma conjunta. Si la declaración SGML dice que una función en
particular no podrá ser usada, la DTD debe respetarlo, de otra manera existirán
errores en el documento. La declaración SGML puede ser parte de la Muestra
de Documento. La declaración SGML es necesaria para cada documento SGML
que se transmite y también puede utilizarse desde cualquier ubicación
considerada no local. A través de la declaración SGML se identifican de manera
inmediata los parámetros para la marca generalizada contenida en la DTD. Sin
embargo, la declaración SGML suele omitirse cuando tanto el sistema emisor
como el receptor utilizan la sintaxis por defecto o una sintaxis de referencia
concreta.

La DTD

En la DTD (Document Type Definition o Definición del Tipo de Documento) se

identifica la estructura del documento, esto es, aquellos elementos que son
necesarios en la elaboración de un documento o un grupo de documentos
estructurados de manera similar. Contiene las reglas de dichos elementos: el
nombre, su significado, dónde pueden ser utilizados y qué pueden contener. Si
la DTD se almacena en un archivo separado (con la extensión .dtd), éste se
puede referenciar sin residir dentro del documento SGML, porque es corriente
que se sustituya la DTD completa por una línea que indique que la DTD se edita
como un texto público o se encuentra ya disponible en el sistema receptor. Sin
la DTD ( o una referencia a él), el documento SGML no será validado
apropiadamente por el "parser". El parser es una herramienta que asegura la
adecuada conformación de SGML dentro de las múltiples especificaciones que
un documento SGML puede tener. Un documento no será validado por
el parser si no cumple con las especificaciones de la DTD, por ejemplo, si carece
de título, ya que éste es un elemento obligatorio.
Etiquetas HMTL para Textos

Las etiquetas deben rodear al texto. Es decir, la etiqueta debe abrirse y cerrarse,
conteniendo el texto o la palabra que queramos transformar en su interior. Por
ejemplo:

<b>Este texto aparecerá escrito en negrita</b>. Se pueden combinar diferentes

formatos, o sea, diferentes etiquetas. Por ejemplo, si queremos que un texto esté
en negrita y en cursiva escribiríamos esto: <b><i>Este texto aparecerá escrito
en negrita y en cursiva</i></b>.

NEGRITA

Existen dos etiquetas que hacen que nuestro texto se convierta en negrita. La
utilización de cualquiera de ellas es en principio indiferente (aunque pueda
atribuírseles un significado diferente a cada una de ellas no vamos a prestarle
atención a esto ahora). La primera es la etiqueta <b> y la otra es la etiqueta
<strong>. Aquí va un ejemplo de código y lo que veríamos en pantalla:

Esta palabra la vamos a poner en <b>negrita</b> y esta

otra <strong>también</strong>

Esta palabra la vamos a poner en negrita y esta otra también

CURSIVA

Para escribir un texto en cursiva se ha utilizado mucho en el pasado la etiqueta

<i> (que por supuesto debes cerrarla con la etiqueta </i>). También se ha
utilizado la etiqueta <em>. Como en el caso de la negrita, aunque podrían
atribuírseles distintos significados no vamos a prestarle atención a esta cuestión
ahora. Aquí presentamos un ejemplo:

Esta palabra la vamos a poner en <i>cursiva</i> y esta

otra <em>también</em>

Esta palabra la vamos a poner en cursiva y esta otra también

SUBRAYADO

Para que la palabra o el texto quedara subrayado se usó en el pasado el rodearlo

con la etiqueta <u> y cerrarlo con su correspondiente etiqueta </u>. Así se
subrayaría una frase:

<u>Así subrayaríamos una frase importante</u>

Así subrayaríamos una frase importante

PALABRAS MÁS GRANDES O MÁS PEQUEÑAS

Puede que en una frase queramos destacar una palabra por medio de una
variación de tamaño sin necesidad de utilizar los encabezados. La variación de
tamaño se podía conseguir gracias a las etiquetas <big> y <small>. Sus propios
nombres en inglés nos indican cuáles eran sus funciones: <big> agrandará el
texto y <small> lo disminuirá.

Cada vez que se escribe una etiqueta big, se hace el texto un punto más grande.
Estas etiquetas también se podían combinar, por lo que si escribimos dos veces
la etiqueta <big>, haremos crecer la palabra dos puntos. Un ejemplo sería el
siguiente:

Esta palabra se va a escribir <small>pequeñita</small>, esta se va a

escribir <big>más grande</big> y ésta <big><big>más grande
aún</big></big>.

Esta palabra se va a escribir pequeñita, esta se va a escribir más grande y

ésta más grande aún.

SUPERÍNDICES Y SUBÍNDICES

Mediante HTML también podemos escribir expresiones con símbolos

matemáticos. Gracias a las etiquetas siguientes podrás escribir subíndices y
superíndices fácilmente. La etiqueta <sub> te servirá para escribir un subíndice
y <sup> será la etiqueta para un superíndice. Así nos queda un ejemplo como el
siguiente:
 Gracias a estas etiquetas podemos escribir cualquier expresión con
símbolos matemáticos como esta: H₂O o números elevados a
potencias 7³.

Gracias a estas etiquetas podemos escribir cualquier expresión con símbolos

matemáticos como esta: H2O o números elevados a potencias 73.

TEXTO TACHADO

Existen tres etiquetas que se han venido usando para conseguir que un texto
quede tachado. Hablamos de las etiquetas <strike>, <s> y <del>. Todas ellas
ofrecen el mismo resultado. Aquí presentamos una muestra:

Puedo proceder a tachar una palabra <strike>así</strike>,

<s>así</s> o <del>así</del>

Puedo proceder a tachar una palabra así, así o así

La etiqueta strike está deprecated, lo que significa que ya no se recomienda su

uso. La etiqueta s también fue deprecated, aunque a partir de HTML 5 se ha
redefinido su significado.

Conclusión
Como conclusión, antes de haber realizado esta investigación se
consideraba que el lenguaje de marcado era como un lenguaje de
programación lo cual es un pensamiento errado. Ahora ya se puede saber
la diferencia que hay entre estos lenguajes. También es importante
conocer otros lenguajes de marcado, ya que debido al tiempo de estudio
no se puede conocer otros apartes del HTML Y XML. Aunque la finalidad
de estos lenguajes es la codificación de documentos, pero no está mal
saber otros lenguajes de marcado, otra características presentada acerca
de estos lenguajes es que hace uso de las etiquetas.
Respecto a las etiquetas HTML, esas etiquetas son utilizadas para la
presentación de la información, pero actualmente con HTML5, varios de
los códigos utilizados son remplazados por CSS como por ejemplo el texto
tachado.
 Bibliografía
Enrique González. (2010). Formatos de texto HTML: negrita, cursiva, tachado,
subrayado, superíndice, subíndice. b y strong (CU00713B). 8 de febrero de
2017, de aprendeaprogramar.com Sitio web:
http://aprenderaprogramar.com/index.php?option=com_content&view=arti
cle&id=480:formatos-de-texto-html-negrita-cursiva-tachado-subrayado-
superindice-subindice-b-y-strong-cu00713b&catid=69:tutorial-basico-
programador-web-html-desde-cero&Itemid=192
Julián Pérez Porto y Ana Gardey. Publicado: 2010. Actualizado: 2013.
Definicion.de: Definición de XML (http://definicion.de/xml/)

Walter Sagástegui Lescano. (2010). ¿Qué es y para qué sirve el lenguaje de

etiquetas XML (Extensible Markup Language)?. 8 de febrero de 2017, de
aprendeaprogramar.com Sitio web:
http://aprenderaprogramar.com/index.php?option=com_content&view=arti
cle&id=102:ique-es-y-para-que-sirve-el-lenguaje-de-etiquetas-xml-
extensible-markup-language&catid=46:lenguajes-y-entornos&Itemid=163
MÉNDEZ RODRÍGUEZ, Eva. Metadatos y recuperación de información:
Estándares, problemas y aplicabilidad en bibliotecas digitales. Gijón, Trea,
2002.
Cover Pages. SGML: General Introductions and Overviews.
http://xml.coverpages.org/general.html