Anda di halaman 1dari 15

Clase 2

LISTAS: Una lista permite organizar la totalidad o parte de un documento HTML. Existen varios tipos de Listas: 1. 2. 3. 4. 5. Listas Sin Orden (sin enumeracin) <UL>, <LI> Listas Ordenadas (con enumeracin) <OL>,<LI> Listas de Directorios <DIR>, <LI> Listas de Men <MENU>, <LI> Listas de Definicin <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 vieta <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 Vdeo</LI> <LI> Fichero de Ejemplo</LI> </UL>

Clase 2
Nota: Las vietas se puede modificar. Por defecto es un crculo relleno. <UL TYPE = DISC> (crculo relleno) <UL TYPE = CIRCLE> (crculo 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 Vdeo</LI> <LI> Fichero de Ejemplo</LI> </OL>

Clase 2
Nota: Las listas se pueden ordenar utilizando nmeros, Letras, nmeros romanos, tanto en maysculas como minsculas. <OL TYPE = A> <OL TYPE = a > <OL TYPE = I > <OL TYPE = i > para letras maysculas para letras minsculas numeracin romana en maysculas numeracin romana en maysculas

Clase 2
START : Atributo que pertenece a la lista. Permite empezar con el nmero o letra que dice el atributo start. Ej. <OL TYPE = A START = 5>

Nota: Debe siempre ser un nmero para una letra o un nmero

Clase 2
LISTAS DE DIRECTORIO Y LISTAS DE MENU Las Listas de Directorio y las Listas de Men, son similares a las Listas sin Orden, slo cambia la etiqueta. Ej.

<DIR> <MENU> <LI> Fichero de HTML</LI> <LI> Fichero de Imagen </LI> </DIR> </MENU>

Clase 2
LISTAS DE DEFINICION Se da una descripcin 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 Definicin </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 combinacin de listas. a) b) c) Combinacin Listas sin orden Combinacin Listas con orden Combinacin Listas sin orden y con orden

Clase 2
VINCULOS Es uno de los ms 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 porcin de una imagen. <A> ....</A>

Clase 2
ATRIBUTOS DE LOS ENLACES NAME: Define el punto de llegada en el documento destino asignndole 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>Sesin 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 INTERNET HTTP: 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 discusin en mbito de inters News://nombre_del_grupo_de_news