Capítulo 22:

 Numeración

Además de aplicar viñetas a una lista, puede sangrar una lista si usa una instrucción <UL> dentro de otra. Asimismo, puede usar numeración automática para genera listas de datos numeradas a partir de un valor. Para usar numeración debe aplicar la instrucción <OL> al principio de la lista y las instrucciones <li> para cada línea de dato; finalmente, debe cerrar la numeración con la instrucción </OL>.

El siguiente fragmento de código es un ejemplo de cómo se debe ordenar una lista con numeración.

<ol>

<li>Primer número</li>

<li>Segundo número</li>

<li>Tercer número</li>

<li>Cuarto número</li>

</ol>

El resultado de este bloque de código se muestra a continuación.

Para cambiar el tipo de numeración por letras o en representación romana, debe incluir el parámetro type con una expresión siguiente:

Expresión                       Resultado

I                                                               Números romanos con letras mayúsculas.

i                                                               Números romanos con letras minúsculas.

A                                                              Literales mayúsculas.

a                                                              Literales minúsculas

El siguiente bloque de código muestra la forma correcta de utilizar las expresiones con el parámetro type, de manera que se puedan obtener diferentes tipos de viñetas.

<ol type="A">

<li>Viñeta 1</li>

<li>Viñeta 2</li>

<li>Viñeta 3</li>

<li>Viñeta 4</li>

</ol>

Resultado:

Si se desea iniciar la numeración desde un número mayor que 1, entonces debe incluir, junto con la instrucción <OL>, el parámetro start, que indica el número donde se desea iniciar la lista.

El siguiente bloque de código se usa para ilustrar el tema en cuestión.

<ol start="5">

<li>Línea 1</li>

<li>Línea 2</li>

<li>Línea 3</li>

<li>Línea 4</li>

</ol>

El resultado es el siguiente:

Para iniciar con literales en un valor mayor que 1, se debe establecer el número correspondiente a la letra en que se desee iniciar.

Por ejemplo, el siguiente bloque de texto, enumera una lista de temas iniciando desde la letra F.

<ol type="A" start="6">

<li>Computadoras</li>

<li>Impresoras</li>

<li>Monitores</li>

<li>Teclados</li>

<li>Cámaras digitales</li>

</ol>

El resultado se muestra a continuación.

Ejercicio

Haciendo uso de las instrucciones para inserción de películas, viñetas y numeración, debe diseñar la siguiente página.

Para que los objetos se realicen correctamente debes ajustar la configuración de la página al tamaño deseado. Por ejemplo, para el título principal, se usó una diapositiva de tamaño horizontal de 20cm y 3 cm. Para el globo se usó una diapositiva de 20 cm. horizontal y 5 cm. vertical. Después de se hayan ajustado las diapositivas, se debe diseñar el contenido.

El procedimiento para obtener esta página es el siguiente:
1. Se busca una película de tipo GIF la cual se inserta en el lugar donde se encuentra las dos imágenes de personas.
2. El título se diseñó en PowerPoint  y se guardó como una imagen JPG. Se inserta en el lugar indicado. Asimismo,  la imagen del globo junto con el texto alrededor suyo se diseñó en PowerPoint y se guardó como imagen JPG. Posteriormente se insertó en el lugar mostrado.
3. Las viñetas se deben utilizar fuera de cualquier instrucción  de manejo de imágenes.

Cursos similares a Manual HTML

1. Manual de GMail Google, la mayoría de las personas conocen a esta empresa, pero no todas saben que,... [27/11/06]				21.606
2. HTML. Introducción práctica HTML, este lenguaje para la creación de páginas Web o sitios de Internet, es la... [23/07/09]				4.600
3. Cómo exportar una animación de Flash a HTML En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]				20