FLUJOGRAMAS

FLUJOGRAMA

EL Flujograma o Diagrama de Flujo, consiste en representar gráficamente hechos, situaciones, movimientos o relaciones de todo tipo, por medio de símbolos. Nos servirá para entender más fácilmente el funcionamiento de nuestras OIRS, considerando sus diferentes pasos, los actores que participan de él y los tiempos involucrados.

Es una representación gráfica de la secuencia de actividades de un proceso.

Además de la secuencia de actividades, el flujograma muestra lo que se realiza en cada etapa, los materiales o servicios que entran y salen del proceso, las decisiones que deben ser tomadas y las personas involucradas (en la cadena cliente/proveedor)

Características de los Flujogramas

·         Sintética: La representación que se haga de un sistema o un proceso deberá quedar resumido en pocas hojas, de preferencia en una sola. Los diagramas extensivos dificultan su comprensión y asimilación, por tanto dejan de ser prácticos.

·         Simbolizada: La aplicación de la simbología adecuada a los diagramas de sistemas y procedimientos evita a los analistas anotaciones excesivas, repetitivas y confusas en su interpretación.

·         De forma visible a un sistema o un proceso: Los diagramas nos permiten observar todos los pasos de un sistema o proceso sin necesidad de leer notas extensas. Un diagrama es comparable, en cierta forma, con una fotografía aérea que contiene los rasgos principales de una región, y que a su vez permite observar estos rasgos o detalles principales.

·         Permitir al analista asegurarse que ha desarrollado todos los aspectos del procedimiento.

·         Dar las bases para escribir un informe claro y lógico.

·         Es un medio para establecer un enlace con el personal que eventualmente operará el nuevo procedimiento.

·         De uso, permite facilitar su empleo.

·         De destino, permite la correcta identificación de actividades.

·         De comprensión e interpretación, permite simplificar su comprensión.

·         De interacción, permite el acercamiento y coordinación.

·         De simbología, disminuye la complejidad y accesibilidad.

De diagramación, se elabora con rapidez y no requiere de recursos sofisticados

Tipos de Flujogramas

Según su forma:

a.    Formato Vertical: En él el flujo o la secuencia de las operaciones, va de arriba hacia abajo. Es una lista ordenada de las operaciones de un proceso con toda la información que se considere necesaria, según su propósito.

b.    Formato Horizontal: En él el flujo o la secuencia de las operaciones, va de izquierda a derecha.

c.    Formato Panorámico: El proceso entero está representado en una sola carta y puede apreciarse de una sola mirada mucho más rápidamente que leyendo el texto, lo que facilita su comprensión, aun para personas no familiarizadas. Registra no solo en línea vertical, sino también horizontal, distintas acciones simultáneas y la participación de más de un puesto o departamento que el formato vertical no registra.

d.    Formato Arquitectónico: Describe el itinerario de ruta de una forma o persona sobre el plano arquitectónico del área de trabajo. El primero de los flujogramas es eminentemente descriptivo, mientras que los últimos son fundamentalmente representativos.

Ventajas:

1. Favorecen la comprensión del proceso a través de mostrarlo como un dibujo. El cerebro humano reconoce fácilmente los dibujos. Un buen diagrama de flujo reemplaza varias páginas de texto.
2. Permiten identificar los problemas y las oportunidades de mejora del proceso. Se identifican los pasos redundantes, los flujos de los re-procesos, los conflictos de autoridad, las responsabilidades, los cuellos de botella, y los puntos de decisión.
3. Muestran las interfaces cliente-proveedor y las transacciones que en ellas se realizan, facilitando a los empleados el análisis de las mismas.
4. Son una excelente herramienta para capacitar a los nuevos empleados y también a los que desarrollan la tarea, cuando se realizan mejoras en el proceso.

Símbolos

Un diagrama de flujo es una representación gráfica de un algoritmo o de una parte del mismo. Los diagramas de flujo ayudan en la comprensión de la operación de las estructuras de control (Si, Mientras).

La ventaja de utilizar un algoritmo es que se lo puede construir independiente mente de un lenguaje de programación, pues al momento de llevarlo a código se lo puede hacer en cualquier lenguaje.

Dichos diagramas se construyen utilizando ciertos símbolos de uso especial como son rectángulos, diamantes, óvalos, y pequeños círculos, estos símbolos están conectados entre sí por flechas, conocidas como líneas de flujo. A continuación se detallarán estos símbolos.

Símbolos gráficos

Dentro de los símbolos fundamentales para la creación de diagramas de flujo, los símbolos gráficos son utilizados específicamente para para operaciones aritméticas y relaciones condicionales. La siguiente es una lista de los símbolos más comúnmente utilizados

+	Sumar
-	Menos
*	Multiplicación
/	División
±	Más o menos
=	Equivalente a
>	Mayor que
<	Menor que
³	Mayor o igual que
£	Menor o igual que
¹ o <>	Diferente de
	Si
	No
	True
	False

EJEMPLO : TOMA DE DECISIONES

SISTEMAS DE EXTRACCIÓN DE INFORMACIÓN

Sistemas de extracción de información.

Un SEI (Sistema de Extracción de Información), típicamente extrae informaciones sobre entidades, relaciones y eventos a partir de los documentos existentes en undominio restringido.

La filosofía de trabajo de los SEI se basa en la aplicación de un conjunto de reglas construidas, tanto manual como automáticamente, para identificar las referencias a la información que nos interesa dentro de una serie de textos y proporcionar una representación simbólica de la misma. Estas reglas están basadas en aspectos del vocabulario, de la semántica y del estilo de escritura propios de cada dominio [Soderland, 1997]. Por esto la utilización de técnicas para el procesamiento del lenguaje natural y el uso de conocimiento relacionado con el dominio en que se está trabajando son de vital importancia para la construcción de un SEI.

Pongamos un ejemplo. A partir de un conjunto de noticias sobre cambios de puestos de direcivos en empresas, podría interesar rellenar una fichas incluyendo datos de cada evento de un cambio de una persona en un puesto dado. De modo que a partir del siguiente texto:

"Luis López deja el puesto de vicepresidente de Empresa S.A. el 4 de marzo de 2005. Él será sustituido por Marta Pérez."

Un buen sistema de extracción de información debe ser capaz de deducir que Luis López y Marta Pérez son personas, 4 de marzo de 2005 es una fecha y que Empresa S.A es una organización. Esta primera tarea, que consiste en identificar entidades de diferentes tipos en el texto, se denomina Named Entity Recognition.

Además debe ser capaz de solucionar anáforas. En el ejemplo, existen dos eventos: dejar un puesto y tomar otra persona el mismo puesto.Nótese que, para saber que se refieren al mismo evento, puede ser necesario realizar la resolución de anáfora, descubriendo que el pronombre Él en la segunda frase se refiere a Luis López.

Hoy en día existen unas conferencias llevadas a nivel global conocidas como MUC(Message Understanding Conferences) que tratan de evaluar el estado del arte de los SEI. Los organizadores de dichas conferencias proveen un dominio de aplicación para los sistestemas de extracción de información además de definir las reglas de las tareas de la extracción. De hecho, han creado un dominio de aplicación con un corpus de textos etiquetados con la información a extraer y un conjunto de textos para evaluar las aplicaciones de extracción de información de las organizaciones que quieran participar en dichas conferencias.

En el MUC se ha optado por la utilización de plantillas atributo-valor para la evaluación de los SEI. De esta manera, se puede comprobar la exactitud del sistemas comparando las salidas del sistema de extracción de información con unas plantillas que han sido rellenadas manualmente.

En cada conferencia se presenta un dominio sobre el cual los sistemas compiten para ver cuál logra los mejores resultados, según las especificaciones impuestas en la tarea de extracción de información. Los dominios presentados en los MUCs hasta 1997 han sido: textos sobre operaciones navales [MUC-1, 1987 y MUC-2, 1989], noticias sobre actividades terroristas [MUC-3, 1991 y MUC-4, 1992], noticias sobre microelectrónica y fusión de corporaciones [MUC-5, 1993], artículos sobre sucesión de puestos en compañías importantes [MUC-6, 1995], artículos sobre vehículos espaciales y lanzamiento de misiles [MUC-7, 1997]. [Appelt and Israel, 1999]

Introducción a la extracción de información

Hoy en día existe un gran volumen de textos en formato electrónico dispersos por internet. De hecho, el volumen es tan grande que sobrepasa la capacidad de una persona para obtener información útil. Este hecho hace imperativo poner algo de orden en este caos de textos. Para poder hacerlo encontramos dos estrategias: La primera sería la recuperación de la información y la segunda sería la extracción de la información. Debemos tener en cuenta que estas dos estrategias son diferentes.

La recuperación de la información se refiere al hecho de obtener documentos ante una solicitud de búsqueda.

La extracción de la información, por el contrario se basa en la extracción de hechos de distintos documentos ante una solicitud de búsqueda.

Para poder crear un sistema de extracción de información, primero un sistema de recuperación de la información obtiene documentos con información significativa respecto a la solicitud de búsqueda y a continuación el sistema de extracción de información extrae y organiza la información que sea de interés.

El objetivo de los sistemas de extracción de información es obtener la información relevante e ignorar la irrelevante.

La extracción de información tiene muchas aplicaciones potenciales, desde traslación de información no estructurada a bases de datos tradicionales, detección de tendencias hasta la mejora en la construcción de índices para la recuperación de la información.

A largo plazo se contempla un objetivo básico: conseguir sistemas de extracción de información precisos, teniendo en cuenta que en la actualidad, los sistemas de extracción de información sólo trabajan con algunos tipos de textos y no son muy precisos.

Aplicaciones de los sistemas de extracción de información.

Las aplicaciones de los sistemas de extracción de información es un campo muy amplio dado que en toda área profesional donde se maneje información (industrias, empresas, organismos públicos, etc.) pueden resultar muy útiles.

Los sistemas de extracción de información pueden dotar de contenido semántico toda aquella información que existe hoy en día en ficheros en formato digital. Esto significa una verdadera revolución para todas las tecnologías de la información tal y como los conocemos. Hoy por hoy la información publicada está totalmente vacía de un segundo sentido. Es decir, es el mismo usuario que utiliza la información el que la dota de sentido. Con los SEI, podemos hacer que la información cobre sentido y pueda ser extraida aquella parte de la información que nos interesa.

Por ejemplo, encontramos una aplicación de un SEI para el envío de asistencia médica. El sistema de extracción de información fue diseñado para resumir el historial médico de cada paciente, extrayendo los diagnósticos, síntomas, análisis realizados y tratamientos recibidos. Este tipo de sistemas se pueden utilizar para asistir a los médicos, o bien para las compañías de seguros, para el cálculo de reembolsos que debe dar a cada paciente asegurado.

Otro ejemplo de la utilización de sistemas de extracción de información se aplica al campo de la inspección literaria científica o técnica. Existen sistemas de EI para capturar información relevante de artículos técnicos o científicos, por ejemplo la captura de las propiedades de un producto farmacéutico.

Por último, encontramos una aplicación de extracción de información que sirve para recabar información publicada en periódicos digitales e incluso en noticias radiofónicas.

HTML PAGINA WEB

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es ellenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

PARA QUE SIRVE

permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++,Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. 

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
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera yMicrosoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.

Etiquetas
Apertura	Acción	Atributos	Cierre
< !	Comentario.	Ninguno	-->
<A>	Hipervínculo.	HREF, NAME, REL, REV, TITLE	</A>
<ADDRESS>	Formato para dirección del autor.	Ninguno	</ADDRESS>
<BASE>	Url del autor; contexto del documento.	HREF	</BASE>
<BASEFONT SIZE>	Tamaño de la fuente base.	Ninguno	NO
<BGSOUND>	Sonido de fondo.	SRC, LOOP.	NO - Internet Explorer
<BIG>	Aumenta el tamaño.	Ninguno	</BIG>
<BLINK>	Hace parpadear el texto.	Ninguno	</BLINK> - Netscape
<BLOCKQUOTE>	Da formato con sangría a un párrafo	Ninguno	</BLOCKQUOTE>
<BODY>	Cuerpo del documento.	BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK	</BODY>
<BR>	Retorno de línea.	CLEAR: Se utiliza en combinación con ALIGN de IMAGE.	NO
<CAPTION>	Posición de la leyenda en una tabla.	ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER	</CAPTION>
<CENTER>	Centrar.	Ninguno	</CENTER>
<CITE>	Formato para citas en itálicas.	Ninguno	</CITE>
<CODE>	Formato en tipo código.	Ninguno	</CODE>
<DD>	Definiciones marcadas, para Lista de Definiciones <DL>.	Ninguno	NO
<DFN<	Formato en itálica.	Internet Explorer	</DFN<
<DIR>	Lista de directorio, con elementos marcados con <LI>.	Ninguno	</DIR>
<DL>	Lista de Definiciones, con términos marcados con <DT> y definiciones marcadas con <DD>.	Ninguno	</DL>
<DT>	Términos marcados, para Lista de Definiciones <DL>.	Ninguno	NO
<EM>	Formato enfatizado en itálica.	Ninguno	</EM>
<EMBED>	Sonido de Fondo.	SRC, WIDTH, HEIGHT, AUTOSTART, LOOP.	NO - Netscape
<FONT>	Definición de la fuente.	SIZE, COLOR. Internet Explorer: FACE.	</FONT>
<FORM>	Para ingreso de datos del usuario en un formulario.	ACTION, METHOD	</FORM>
<H1 ...H6>	Tamaño de letras del 1 al 6.	HTML 3.0: LEFT, CENTER, RIGHT	</H1 .../H6>
<HEAD>	Encabezamiento del documento.	BASE, TITLE, ISINDEX, NEXTID, META	</HEAD>
<HR>	Línea horizontal.	NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR	NO
<HTML>	Al principio y al fin de todo documento.	HEAD, BODY	</HTML>
<I>	Itálica (Cursiva).	Ninguno	</I>
<IMG>	Cargar imágenes.	ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE	NO
<INPUT>	Define un objeto de ingreso en un formulario.	TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED	</INPUT>
<ISINDEX>	Indica que existe un index en el server para el documento.	Netscape: PROMPT	NO
<ISMAP>	Activa la selección de imágenes para el usuario.	Ninguno	NO
<KBD>	Formato monoespaciado.	Ninguno	</KBD>
<LI>	Ítem de lista.	Netscape: VALUE, TYPE	NO
<LISTING>	Listados	Ninguno. Obsoleto.	</LISTING>
<LIT>	Literal. Como PRE, pero usa letra proporcional.	Ninguno	</LIT>
<MARQUEE>	Marquesina.	ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY.	</MARQUEE> - Internet Explorer
<MENU>	Lista menú.	Ninguno	</MENU>
<META>	Metainformación ubicada en HEAD.	EQUIV, CONTENT, NAME	NO
<NEXTID>	Es un parámetro que identifica al documento.	NO	NO
<NOBR>	Elimina los saltos de líneas.	Ninguno	NO
<OL>	Lista ordenada, con elementos marcados con <LI>.	TYPE, START, VALUE.	</OL>
<OPTION>	Opción de selección dentro de un formulario.	VALUE, SELECTED VALUE	NO
<P>	Retorno de línea, con un espacio.	Ninguno	NO
<P ALIGN>	Alineación de texto.	LEFT, CENTER, RIGHT	</P>
<PLAINTEXT>	Pasaje de texto plano.	Ninguno. Obsoleto.	</PLAINTEXT>
<PRE>	Visualiza el texto en su formato original.	WIDTH	</PRE>
<S>	Texto tachado.	Ninguno	</S>
<SAMP>	Formato tipo ejemplo.	Ninguno	</SAMP>
<SELECT>	Para selección de opciones dentro de un formulario.	NAME, SIZE, MULTIPLE	</SELECT>
<SMALL>	Disminuye el tamaño.	Ninguno	</SMALL>
<STRONG>	Formato enfatizado más fuerte que <EM>.	Ninguno	</STRONG>
<SUB>	Subíndice.	Ninguno	</SUB>
<SUP>	Superíndice.	Ninguno	</SUP>
<TABLE>	Tabla.	BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR	</TABLE>
<TD>	Celdas de una fila en una tabla, dentro de <TR>.	ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH	</TD>
<TEXTAREA>	Área para ingreso de texto dentro de un formulario.	NAME, ROWS, COLS.	</TEXTAREA>
<TH>	Título de Tabla.	ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH	</TH>
<TITLE>	Título dentro de HEAD.	Ninguno	</TITLE>
<TR>	Fila de una Tabla.	ALIGN, VALIGN	</TR>
<TT>	Formato tipo máquina.	Ninguno	</TT>
<UL>	Lista no ordenada, con elementos marcados con <LI> .	COMPACT, TYPE	</UL>
<VAR>	Formato tipo variable.	Ninguno	</VAR>
<WBR>	Se usa con NOBR para una sección que deba ser separada.	Ninguno	NO
<XMP>	Similar a PRE.	Ninguno	</XMP>

<A>

Atributos
Nombre	Etiqueta	Acción	Valor
HREF	Dirección del URL local o remoto.	href="www.hp.com"
LOOP	<BGSOUND>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=infinite
SRC		Nombre del archivo de sonido (Internet Explorer)	src="sonido.wav"
LOOP	<EMBED>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=-1
SRC		Nombre del archivo de sonido (con Crescendo)	src="sonido.mid"
SRC	<IMAGE>	Nombre del gráfico	src="imagen.gif"
ALT		Nombre que reemplaza a la imágen cuando ésta no puede ser cargada.	alt="Nombre de Imágen"
BGCOLOR	<BODY>	Color de fondo	bgcolor="#FFFFFF" (blanco)
BACKGROUND		Imágen de fondo	background="foto.gif"
TEXT		Color del texto	text="#000000" (negro)
LINK		Color de vínculo	link="#0000FF" (azul)
VLINK		Color de vínculo visitado	vlink="#FF0000" (rojo)
ALINK		Color de vínculo presionado	alink="#00FF00" (verde)
ALIGN	<CAPTION> dentro de <TABLE>	Colocar título arriba (TOP) o debajo (BOTTOM) de la tabla.	align=top
ALIGN	<H1..H6>, <P ALIGN>, <TD>, <TH>, <TR>, <DIV>,	Alinear el texto: LEFT, RIGHT, CENTER	align=center
ALIGN	<HR>	Alinear el texto: LEFT, RIGHT, CENTER	align=center
SIZE		Valor de la altura en pixels o porcentaje	size=3
WIDTH		Valor del ancho en pixels o porcentaje	width=50%
SIZE	<FONT>	Tamaño de la letra de 1 a 7	size=6
COLOR		Color de la letra	color="#000000" (negro)
FACE		Fuente del texto (Internet Explorer)	face="helv" (helvética)
HEIGHT	<EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH>	Valor de la altura en pixels o porcentaje	heigth=80
WIDTH		Valor del ancho en pixels o porcentaje	width=50%
BORDER	<TABLE>	Borde y ancho del borde en la tabla	border=5
CELLPADDING		Espacio entre el borde y el texto	cellpadding=10
CELLSPACING		Espacio entre las líneas interna y externa del borde	cellspacing=3
HEIGHT		Valor de la altura en pixels o porcentaje	heigth=80
WIDTH		Valor del ancho en pixels o porcentaje	width=50%
COLSPAN	<TD> dentro de <TABLE>	Expandir una celda varias columnas	colspan=4
ROWSPAN		Expandir una celda varias filas	rowspan=4

Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:

1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles

Ejemplos:

"<font color='#0000FF'>Esto es texto azul..</font>, esto es texto normal";

<FONT COLOR="WHITE">Blanco</FONT>	Blanco	#FFFFFF
<FONT COLOR="BLACK">Negro</FONT>	Negro	#000000
<FONT COLOR="RED">Rojo</FONT>	Rojo	#FF0000
<FONT COLOR="GREEN">Verde</FONT>	Verde	#00FF00
<FONT COLOR="BLUE">Azul</FONT>	Azul	#0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>	Amarillo	#FFFF00
<FONT COLOR="CYAN">Cyan</FONT>	Cyan	#00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT>	Magenta	#FF00FF

ETIQUETAS DE UNA TABLA :

ALINEAR TABLAS

Veamos a continuación algunos atributos útiles para la construcción de nuestras tablas. Empecemos viendo atributos que nos permiten modificar una celda en concreto o toda una línea:

align	Justifica el texto de la celda del mismo modo que si fuese el de un párrafo.
valign	Podemos elegir si queremos que el texto aparezca arriba (top), en el centro (middle) o abajo (bottom) de la celda.
bgcolor	Da color a la celda o línea elegida.
bordercolor	Define el color del borde.  - Otros atributos que pueden ser únicamente asignados a una celda y no al conjunto de celdas de una línea son: background Nos permite colocar un fondo para la celda a partir de un enlace a una imagen. height Define la altura de la celda en pixels o porcentaje. width Define la anchura de la celda en pixels o porcentaje. colspan Expande una celda horizontalmente. rowspan Expande una celda verticalmente.

Así, 
<td colspan="2"> 
Fusionara la celda en cuestión con su vecina derecha.

Esta celda tiene un colspan="2"
Celda normal	Otra celda

Del mismo modo, 
<td rowspan="2"> 

Esta celda tiene rowspan="2", por eso tiene fusionada la celda de abajo.	Celda Normal
	Otra celda normal

ETIQUETAS 

 El lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto destacado de una forma especial que permiten la definición de las distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación.