Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Listas ordenadas en HTML

El lenguaje HTML nos ofrece la posibilidad de insertar listas ordenadas de forma específica, las cuales siguen un orden estricto.

Las listas ordenadas siempre comienzan por la etiqueta <ol> y terminan con el cierre </ol>.

Cada elemento insertado en la lista está marcado por la etiqueta <li>, y su pareja de cierre </li>.

Esta es la sintaxis que sigue una simple lista:

<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
<li>Cuatro</li>
</ol>

Y este es el resultado:

1. Uno
2. Dos
3. Tres
4. Cuatro

La etiqueta <ol> tiene dos atributos: start y type.

El artibuto start indica el elemento en el cual comienza la numeración.

Por ejemplo, en esta lista estamos indicando que se debe empezar a contar desde el número 4:

<ol start="4">
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
<li>Cuatro</li>
</ol>

Y obtenemos esto:

4. Uno
5. Dos
6. Tres
7. Cuatro

La propiedad type, por el contrario, indica el símbolo a mostrar en cada elemento de la lista.

Podemos elegir entre:

Números: 1, 2, 3, 4...

Números romanos: I, II, III, IV...

O letras (mayúsculas o minúsculas): A, B, C, D...

Ambos atributos se incluyen en las listas de esta manera:

<ol type="A" start="1">
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
<li>Cuatro</li>
</ol>

Y el resultado, en este caso es esto:

A. Uno
B. Dos
C. Tres
D. Cuatro

También es posible crear listas que contengan otras listas en su interior.

En este caso voy a realizar esta lista:

A. Perros
B. Gatos
1. Siameses
2. Persas
C. Aves

Y para ello debo seguir esta estructura:

<ol start="1" type="A">
<li>Perros</li>
<li>Gatos</li>
<ol start="1" type="1">
<li>Siameses</li>
<li>Persas</li>
</ol>
<li>Aves</li>
</ol>

Si te fijas, hay una lista "General" (marcada en naranja) con la etiqueta <ol start="1" type="A"> y su cierre </ol>.

Dentro de la lista general, encontramos una lista "Secundaria" (marcada en verde) con la etiqueta <ol start="1" type="1"> y su cierre </ol>.

Notas:

- La etiqueta <ol>
produce un salto de línea, dejando una línea en medio (similar al de la etiqueta <p>), tanto al principio como al final de la lista.

- Por otro lado, la etiqueta <li> provoca un salto de línea sin dejar una entre medias, como sucede con la etiqueta <br>.

Ángeles Ibirika dice...

¡Qué cosas tan interesantes nos enseñas! Sigo todas tus actualizaciones, porque nunca dejas de sorprenderme.
Millones de gracias.
Y Felices Fiestas, amigo. Que el próximo año venga cargadito con todo eso que deseas.
Un abrazo enorme

Jaime Trujillo Escobedo dice...

En estos días aprenderemos a crear todo tipo de listas, Ángeles Ibirika ^_^.

Millones de gracias a tí por comentar.

Igualmente, ¡te deseo una maravillosa Navidad y un bello año nuevo!

Abrazo gigantesco ☺.

Anónimo dice...

Claro, vendría a ser como una sublista, muy bueno...

Jaime Trujillo Escobedo dice...

Exácto Ascesino96, y dentro de esa sub-lista se puede volver a poner otra lista, de manera que la lista general tiene varios subniveles.

Marcus dice...

Hola Jaime!
Que interesante! Eso quiere decir que en las etiquetas se puede ver la lista de entradas que hay?
Por cierto, lo de el menú lo dejaré, y además no quiero molestarte más.
Ah! En el blog de Navidad he puesto una receta típica para estas fiestas!
Feliz Navidad!

Jaime Trujillo Escobedo dice...

Marcus, ¿Te refieres a si es posible hacer un índice con la lista general de las etiquetas y debajo de cada una, los títulos de las entradas?

En cuanto a lo del menú... es tu decisión pero debes saber que a mi no me molestas (me encanta ayudar) ;).

Me pasaré a ver esa receta navideña.

¡Felices fiestas!

Marcus dice...

Hola Jaime!
Mira yo quiero decir que si dándole a una estiqueta, te salen los posts, publicados de esa etiqueta, y puedes seleccionar para leer cada uno.

Jaime Trujillo Escobedo dice...

Marcus, ese truco debe hacerse de forma distinta y no se utilizan las listas ordenadas.

Puede que más adelante publique la forma de hacerlo ;).

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo