12.170 cursos gratis
8.769.879 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Manual HTML

Silvestre Goxcon Blas

Autor: Silvestre Goxcon Blas
Curso:
9,29/10 (104 opiniones) |74947 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

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a Manual HTML



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
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
Curso con video

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