Bueno Señores y Señoritas si acazo alguna chica esta viendo esto, seguiremos un poco mas adentro con la guia, hoy no voy a dar casi introduccion estoy un poco canzado el dia fue de trabajo fue muy duro, asi que hiremos directamente a la guia.
En este el Capitulo 3 de la guia conoceremos las listas ordenas y no ordenadas al comienzo, okey sin mas nada que decir empezemos:
Capitulo 1: El HTML
Modulo 2: Listas Ordenadas y No Ordenadas:
Listas Ordenadas y No Ordenadas:
Las listas regulares pueden ser ordenadas y no ordenadas; el nombre no hace referencia a la existencia (o inexistencia) de un orden interno en la enumeración sino al ítem que precede a cada elemento de la lista: en el primer caso se trata de un número, generalmente, mientras que en el segundo aparece una viñeta.
La etiqueta <LI> es común a ambos tipos de lista, precediendo a cada elemento de la enumeración. La sintaxis general de las listas regulares es la siguiente:
<apertura de lista>
<LI> elemento 1 de la lista
<LI> elemento 2 de la lista
<LI> elemento n de la lista
<cierre de lista>
La diferencia, obviamente, entre una lista ordenada y otra no ordenada reside simplemente en las etiquetas de apertura y cierre de la lista. Para el caso de una lista ordenada se emplean las etiquetas <OL>...</OL> (ordered list); mientras que para listas no ordenadas se utilizan <UL>...</UL> (unordered list).
Lista <B>no ordenada</B> de 3 elementos:
<UL>
<LI>Pinta
<LI>Niña
<LI>Santa Maria
</UL>
Lista <B>ordenada</B> de 5 elementos:
<OL>
<LI>Miranda
<LI>Ariel
<LI>Umbriel
<LI>Titania
<LI>Oberón
</OL>
3.1 Listas descriptivas
Como ya se dijo, las listas descriptivas permiten crear glosarios; por tanto, cada elemento de la lista tendrá dos partes, la primera será el elemento a describir y la segunda la descripción del mismo. Para poder hacer esto en HTML se precisan tres etiquetas: una para indicar que se trata de una lista descriptiva, <DL>, otra para el nombre del elemento a describir, <DT>, y finalmente otra para la descripción del mismo, <DD>.
<DL>
<DT><B>CARON</B> o <B>CARONTE,</B>
<DD>personaje de la mitologia griega, etrusca y romana que ayudaba a losmuertos a cruzar los rios infernales a cambio de un obolo. De
ahi la costumbre, extendida entre griegos y romanos, de colocar una moneda en la boca de los difuntos.
<DT><B>CARONA,</B>
<DD>n.f. Manta, tela o almohadilla que se pone entre la silla o albarda y el
sudadero para que no se lastimen las caballerias.
<DT><B>CARONI,</B>
<DD>r. de Venezuela (Bolivar), el mayor afluente del Orinoco; 925 km. Destaca por las diferencias de amplitud y por los saltos (Saltos del Caroni, de 2.750 m de long.). Su gran potencia hidraulica es aprovechada en parte por las centrales de Macagua y Guri.
</DL>
3.2 Visualización de listas
Los navegadores tienen unas opciones por defecto a la hora de representar los ítems que preceden a las listas ordenadas y no ordenadas; sin embargo el autor de documentos HTML puede indicar sus preferencias mediante un atributo de las etiquetas <UL> y <OL> denominado TYPE. Dicho atributo puede tomar los siguientes valores para listas no ordenadas: DISC, CIRCLE y SQUARE; y para las listas ordenadas: 1, a, A, i e I.
Distintos tipos de visualizacion de listas <B>no ordenadas</B>
<UL TYPE=DISC>
<LI>DISC
</UL>
<UL TYPE=CIRCLE>
<LI>CIRCLE
</UL>
<UL TYPE=SQUARE>
<LI>SQUARE
</UL>
Distintos tipos de visualizacion de listas <B>ordenadas</B>
<TABLE><TR>
<TD>
<OL TYPE=1>
<LI>1 <LI>1 <LI>1
</OL>
</TD>
<TD>
<OL TYPE=a>
<LI>a <LI>a <LI>a
</OL>
</TD>
<TD>
<OL TYPE=A>
<LI>A <LI>A <LI>A
</OL>
</TD>
<TD>
<OL TYPE=i>
<LI>i <LI>i <LI>i
</OL>
</TD>
<TD>
<OL TYPE=I>
<LI>I <LI>I <LI>I
</OL>
</TD>
</TR></TABLE>
Como puede observar el lector, en el código anterior aparecen una serie de etiquetas nuevas; una de ellas, <TABLE>, indica que se está construyendo una tabla, el tema del siguiente capítulo; sin embargo, antes de pasar al mismo será mejor practicar lo visto hasta ahora y para ello nada mejor que hacer el primer ejercicio del curso. Podrian crear y diseñar sus propias listas y usar lo vistos en los ateriores post
Las tablas no sólo se emplean para tabular datos sino también para un diseño llamativo. HTML no es un lenguaje de diseño de páginas sino de documentos; sin embargo, esto no es obstáculo para que un autor de páginas web pueda lograr un buen diseño mediante un uso adecuado e imaginativo de las tablas. Esto es bastante basico para los lectores de Taringa que sepan pero para los que quieren aprender sera de bastente ayuda.
Recuerden ir practicando todo lo que llevamos visto, para que se vayan familiarizando con todo, si ves hasta ahora este post deberias ver los anteriores, es mi recomiendacion para ustedes.
