Clase 2

LISTAS: Una lista permite organizar la totalidad o parte de un

documento HTML. Existen varios tipos de Listas:

1. Listas Sin Orden (sin enumeración) <UL>, <LI>2. Listas Ordenadas (con enumeración) <OL>,<LI>3. Listas de Directorios <DIR>, <LI>4. Listas de Menú <MENU>, <LI>5. Listas de Definición <DL>, <DT>, <DD>

Clase 2

Ejemplo:

<marca de comienzo><LI> Primer elemento de la lista </LI><LI> Segundo elemento de la lista </LI><LI> ........... </LI>

<marca de cierre>

Clase 2

LISTA NO ORDENADAS (Unordered List). Incluye una viñeta

<H3> Ejemplo de lista no ordenadas </H3><UL>

<LI> Fichero HTML</LI><LI> Fichero de Imagen</LI> <LI> Fichero de Sonido</LI> <LI> Fichero de Vídeo</LI> <LI> Fichero de Ejemplo</LI>

</UL>

Clase 2

Nota: Las viñetas se puede modificar. Por defecto es un círculo relleno.

<UL TYPE = DISC> (círculo relleno)<UL TYPE = CIRCLE> (círculo sin relleno)<UL TYPE = SQUARE> (cuadrado sin relleno)

Clase 2

LISTAS ORDENADAS (Ordered List). Numeradas

<H3> Ejemplo de lista ordenadas </H3><OL>

<LI> Fichero HTML</LI><LI> Fichero de Imagen</LI> <LI> Fichero de Sonido</LI> <LI> Fichero de Vídeo</LI> <LI> Fichero de Ejemplo</LI>

</OL>

Clase 2

Nota: Las listas se pueden ordenar utilizando números,Letras, números romanos, tanto en mayúsculas comominúsculas.

<OL TYPE = A> para letras mayúsculas<OL TYPE = a > para letras minúsculas<OL TYPE = I > numeración romana en mayúsculas<OL TYPE = i > numeración romana en mayúsculas

Clase 2

START : Atributo que pertenece a la lista. Permite empezar con el número o letra que dice el atributo start.

Ej. <OL TYPE = A START = 5>

Nota: Debe siempre ser un número para una letra o un número

Clase 2

LISTAS DE DIRECTORIO Y LISTAS DE MENU

Las Listas de Directorio y las Listas de Menú, son similaresa las Listas sin Orden, sólo cambia la etiqueta.

Ej. <DIR> ó <MENU><LI> Fichero de HTML</LI><LI> Fichero de Imagen </LI></DIR> ó </MENU>

Clase 2

LISTAS DE DEFINICIONSe da una descripción de cada uno de sus elementos.

utiliza las siguientes marcas.

<DL></DL> Abre y cierra una Lista Descriptiva<DT> Caracterizar el elemento<DD> Definir el elemento

Clase 2

Ej.:

<H3> Ejemplo de Listas de tipo Definición </H3><DL><DT>ASCII

<DD>Juego de Caracteres que asigna valores ....<DT>EPS

<DD>Formato de Descripcion de ficheros<DT>FUENTE

<DD>Conjunto de Estilos que posee.....

Clase 2

LISTAS ANIDADAS

Corresponden a una combinación de listas.

a) Combinación Listas sin orden b) Combinación Listas con ordenc) Combinación Listas sin orden y con orden

Clase 2

VINCULOSEs uno de los más importante de HTML, ya que es el

que realmente permite “navegar” por uno o varios documentos que pueden residir en cualquier parte.

La zona activada puede ser un grupo de caracteres, una imagen o bien una porción de una imagen.

<A> ....</A>

Clase 2

ATRIBUTOS DE LOS ENLACES

NAME: Define el punto de llegada en el documento destino asignándole un nombre.

HREF: Define un ancla de partida hacia un enlace externo o interno del documento.

TARGET: Permite indicar donde se abrirá el documento enlazado.

Clase 2

El atributo Name:

<A NAME =“abajo”>Sesión abajo</A>

El atributo HREF:

<A HREF=“capitulo.html”>Mi capitulo</A><A HREF=“http://jmc.utfsm.cl”</A><A HREF=“mailto:marisol.villarroel@siga.utfsm.cl”</A><A HREF=“#abajo”</A>

Clase 2

SERVICIOS DE INTERNETHTTP: Se utiliza para referenciar documentos residentes en servidores web. http://nombre_del servidor/directorio/subdirectorio/

fichero.html

FTP: Ofrece servicios para la transferencia de ficheros.ftp://nombre_del_servidor/directorio/subdirectorio

NEW: Corresponden a foros de discusión en ámbito deinterés

News://nombre_del_grupo_de_news