SELFHTML: HTML / Tipos de párrafos y organización del texto / listas numeradas

SELFHTML/Barra HTML Tipos de párrafos y organización del texto

	Listas numeradas
	Definir listas numeradas Numerar listas alfabeticamente Numerar listas con números romanos Influir en la numeración Presentar la lista en forma compacta Más posibilidades

Definir listas numeradas

Ejemplo visual

Las listas numeradas son importantes por ejemplo para presentar acciones que deben ser ejecutadas una tras otra o para presentar una sucesión de grado compactamente. En una lista numerada son numeradas todas las iscripciones automáticamente.

Ejemplo:

<ol>
<li>La primera entrada recibe antepuesta el número  "1."</li>
<li>La segunda entrada recibe antepuesta el número "2."</li>
<li>La tercera entrada recibe antepuesta el número "3."</li>
</ol>

Aclaración:

<ol> introduce una lista numerada (ol = ordered list = lista numerada). Con <li> comienza un nuevo punto dentro de la lista (li = list item = item de la lista). La etiqueta de cierre </li> no es obligatorio, sin embargo es conforme al código del SGML. </ol> termina la lista.

Atención:

Encajetamiento de listas numeradas no provoca una numeración total. Jerarquías de numeración automáticas como 1., 1.1., 1.1.1., no son (todavía) posibles.

Numerar listas alfabeticamente

Ejemplo visual

Puedes numerar listas alfabeticamente. Las listas no son numeradas con 1., 2., 3. etc., sino con A., B., C. (o también a., b., c.) etc.

Ejemplo:

<ol type=A>
<li>La primera entrada recibe antepuesta una "A." 
<li>La segunda entrada recibe antepuesta una "B." 
<li>La tercera entrada recibe antepuesta "C." 
</ol>
 
<ol type=a>
<li>La primera entrada recibe antepuesta una "a." 
<li>La segunda entrada recibe antepuesta una "b."
<li>La tercera entrada recibe antepuesta una "c."

</ol>

Aclaración:

Con <ol type=A> son numeradas las entradas de las listas con A., B., C. etc.
Con <ol type=a> son numeradas las entradas de las listas con a., b., c. etc.

Numerar listas con números romanos

Ejemplo visual

Puedes numerar listas con números romanos. En tal caso las listas no son numeradas con 1., 2., 3. etc., sino con I., II., III., IV. (o también con i., ii., iii., iv.) etc.

Ejemplo:

<ol type=I>
<li>La primera entrada recibe antepuesta el número romano "I." 
<li>La segunda entrada recibe antepuesta el número romano "II." 
<li>La tercera entrada recibe antepuesta el número romano "III." 
<li>La cuarta entrada recibe antepuesta el número romano "IV."
</ol>
  
<ol type=i>
<li>La primera entrada recibe antepuesta el número romano "i."
<li>La segunda entrada recibe antepuesta el número romano "ii."
<li>La tercera entrada recibe antepuesta el número romano "iii."
<li>La cuarta entrada recibe antepuesta el número romano "iv." 
</ol>

Aclaración:

Con <ol type=I> son numeradas las entradas de las listas con los números romanos I., II., III., IV. etc.
Con <ol type=i> son numeradas las entradas de las listas con los números romanos i., ii., iii., iv. etc.

Influir en la navegación

Ejemplo visual

Tú puedes fijar con que número debe comenzar una lista. La lista comienza entonces por ejemplo no con 1, sino con 7, o no con A., sino con G. Además puedes fijar dentro de la lista para cada entrada un nuevo número de inicio.

Ejemplo:

<ol start=7>
<li>La entrada recibe antepuesta el número "7." 
<li>La entrada recibe antepuesta el número "8." 
<li>La entrada recibe antepuesta el número "9." 
<li value=10000>La entrada recibe antepuesta el número "10000." 
<li>La entrada recibe antepuesta el número "10001." 
<li>La entrada recibe antepuesta el número "10002." 
<li>La entrada recibe antepuesta el número "10003." 
</ol>

Aclaración:

Mit start=innerhalb des einleitenden Tags von <ol> können Sie einen beliebigen Startwert setzen, z.B. <ol start=7>. Die Numerierung beginnt dann bei 7.

Mit value= innerhalb des Tags von <li> in einer numerierten Liste können Sie den Startwert beliebig neu setzen, z.B. auf <ol value=15>. Die Numerierung fährt dann bei 15 fort.

Presentar la lista en forma compacta

Ejemplo visual

Puedes señalar que una lista sea presentada en una forma más compacta que como es presentado un texto normal.

Ejemplo:

<ol compact>
<li>Entrada de lista
<li>Entrada de lista
<li>Entrada de lista
</ol>

Aclaración:

Con el atributo compact dentro de la etiqueta de inicio <ol> puedes determinar una presentación más compacta.

Atención:

Los navegadores WWW ignoran todavía por lo general los estos datos.

Más posibilidades

Las etiquetas <ol> y <li> pueden contener Atributos universales.

Si ya conoces HTML un poco, prueba las posibilidades que te ofrecen las Hojas de estilo CSS. Ya que tan sólo con ellas puedes formatear listas y elementos de listas a tu gusto. Para ello tienes ante todo saber como se deben Definir las hojas de estilo. Después tienes la posibilidad de usar los datos de las hojas de estilo. Las siguientes indicaciones de hojas de estilo son interesantes y están relacionadas con el tema aqu´ descrito:
Formatición de fuentes
Párrafos, márgenes, alineamiento
Márcos y distancia interna
Colores e imágenes de fondo
Listas y tablas