3.283 cursos gratis
6.261.122 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Internet > Manual HTML > Numeración

Manual HTML

Autor: Silvestre Goxcon Blas
Curso:  4,65/5 4,65/5 (102 opiniones) |28084 alumnos|Fecha publicación: 25/11/2004

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.

Numeració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:

Numeración

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:

Numeración

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.

Numeració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.

Numeración

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.

Capítulo siguiente - Términos y definiciones
Capítulo anterior - Numeración y viñetas
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 102 opiniones. Opina sobre este curso.


Cursos similares a Manual HTML


Cursos Valoración Alumnos Vídeo
Internet. Elegir una plataforma multimedia
Si observamos la evolución de las páginas web en los últimos años, podemos constatar como de las primeras páginas web de texto y alguna que otra imagen, -un contenido tot... [27/08/08]
5/5 336  
Comparte Internet con FreeBSD
Este curso explicará de una manera fácil y rápida el procedimiento para compartir la conexión a Internet con otros ordenadores (Windows, Linux, *BSD, etc) usando nuestro ... [19/11/04]
5/5 2.894  
¿Qué son las redes?
Actualmente uno de los sistemas de comunicación más utilizados son los ordenadores, correo, chat, mensajería instatánea, telefóno por ip, etc... Para que los ord... [25/11/04]
 4,58/5 23.697  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail