Buscar Más buscado

Completo tutorial de HTML - Listas II

10 - Listas II

[editar]
Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com
11 de Septiembre de 2005
< anterior | 1 ... 8 9 10 11 12 13 14 ... 44 | siguiente >
Continuamos estudiando las listas de HTML, con las que crear estructuras
atractivas para presentar la información.
Listas ordenadas
En este caso usaremos las etiquetas <ol> (ordered list) y su cierre. Cada
elemento sera igualmente precedido de su etiqueta <li>.
Pongamos un ejemplo:
<p>Reglas de comportamiento en el trabajo</p>
<ol>
<li>El jefe siempre tiene la razón
<li>En caso de duda aplicar regla 1
</ol>
El resultado es: 

Reglas de comportamiento en el trabajo




  1. El jefe siempre tiene la razón
  2. En caso de duda aplicar regla 1

Del mismo modo que para las listas desordenadas, las listas ordenadas ofrecen
la posibilidad de modificar el estilo. En concreto nos es posible especificar el
tipo de numeración empleado eligiendo entre números (1, 2, 3...), letras (a, b,
c...) y sus mayúsculas (A, B, C,...) y números romanos en sus versiones
mayúsculas (I, II, III,...) y minúsculas (i, ii, iii,...).
Para realizar dicha selección hemos de utilizar, como para el caso precedente,
el atributo type, el cual será situado dentro de la etiqueta <ol>. Los valores
que puede tomar el atributo en este caso son:
1 Para ordenar por números
a Por letras del alfabeto
A Por letras mayúsculas del alfabeto
i Ordenación por números romanos en minúsculas
I Ordenación por números romanos en mayúsculas
|| Nota: Recordamos que en algunos
navegadores no funciona la opción de cambiar el tipo de viñeta a mostrar
||




Puede que en algún caso deseemos comenzar nuestra enumeración por un número o
letra que no tiene por qué ser necesariamente el primero de todos. Para
solventar esta situación, podemos utilizar un segundo atributo, start, que
tendra como valor un número. Este número, que por defecto es 1, corresponde al
valor a partir del cual comenzamos a definir nuestra lista. Para el caso de las
letras o los números romanos, el navegador se encarga de hacer la traducción del
número a la letra correspondiente.
Os proponemos un ejemplo usando este tipo de atributos:
<p>Ordenamos por numeros</p>
<ol type="1">
<li>Elemento 1
<li> Elemento 2
</ol>
<p>Ordenamos por letras</p>
<ol type="a">
<li>Elemento a
<li> Elemento b
</ol>
<p>Ordenamos por números romanos empezando por el 10</p>
<ol type="i" start="10">
<li>Elemento x
<li> Elemento xi
</ol>
El resultado: 

Ordenamos por números


  1. Elemento 1
  2. Elemento 2




Ordenamos por letras


  1. Elemento a
  2. Elemento b




Ordenamos por numeros romanos empezando por el 10


  1. Elemento x
  2. Elemento xi

[editar]
< anterior | 1 ... 8 9 10 11 12 13 14 ... 44 | siguiente >

Opinar
30 opiniones

OCHOA

MUY BUENO
bastante buena

:D
mu weno

si señor esto si k mola
amilcar caamal

hasta que porfin alguien hace algo bien GGGGGGGGGG """"bravo""""
aza

muy bien
1 2 3 4 5 6 | siguiente >

Tutoriales relacionados con 'Completo tutorial de HTML'

Completo tutorial de HTML
Bienvenidos al manual de HTML de Indaya.A través de todos estos capítulos vamos a descubrir... Más »
Completo tutorial de CSS
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque práctico... Más »
Completo tutorial de ASP
ASP (Active Server Pages) es la tecnología para la creación de páginas dinámicas del lado... Más »
Usar el sistema de Impresión en Linux
Este documento describe cómo usar el sistema de spooling para impresoras de líneas que provee... Más »
Tutorial de kiosk
Hace tiempo que terminé la traducción de un excelente artículo sobre kde-kiosk, la tecnología que... Más »

Anuncios Google

Autor y licencia de 'Completo tutorial de HTML'


Tutorial de Indaya.com. Extraido de: http://www.indaya.com CopyLeft
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.