curso de html
Post on 13-Jun-2015
2.628 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
top related