Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 176

Visitas el mes pasado: 346

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




4. Listas (II)

4.2 Listas ordenadas

html

Sintaxis de las listas ordenadas

En las listas ordenadas sus elementos llevan un número o letra que las ordena. Toda la lista va encerrada dentro de la etiqueta <ol> ... </ol>, y al igual que en las listas no ordenadas, cada elemento de la lista está delimitado por la etiqueta <li> ...</li>. Veamos un ejemplo:


<p>Principales ciudades de España</p>
<ol>
   <li>Madrid</li>
   <li>Barcelona</li>
   <li>Valencia</li>
   <li>Sevilla</li>
</ol>

En el navegador este código lo veremos así:

Principales ciudades de España

  1. Madrid
  2. Barcelona
  3. Valencia
  4. Sevilla

Estilo de las listas ordenadas

Podemos modificar el indicador del orden en este tipo de listas mediante el atributo type. Así podemos conseguir que el orden lo marquen los números (1, 2, 3,...); las letras mayúsculas o minúsculas (a, b, c, ...), (A, B, C, ...); o los números romanos en mayusculas o en minúsculas (I, II; III; ...), (i, ii, iii, ...).

para ello utilizaremos el atributo type=" " con los siguientes valores:

Por defecto el navegador muestra siempre la primera opción (type="1"). El atributo type=" " puede llevarlo tanto la etiqueta <ol> como la etiqueta <li>. Cuando lo lleva la etiqueta <ol> el cambio de estilo afecta a toda la lista, y cuando lo lleva la etiqueta <li>, el cambio de estilo afecta solo a esa etiqueta.

El estilo de las listas ordenadas también puede modificarse mediante código CSS, con el cual además hay otras opciones.

En la siguiente página de ejemplo se muestran los tipos de listas numeradas que hemos visto:

Ver página de ejemplo.



Modificar el principio de la lista

En ocasiones nos interesa que el número del principio de la lista no sea el uno (1), sino empezar por otro número. Para ello usaremos el atributo start="num". El valor de este atributo será siempre un número: el número por el que empieza la lista. Aunque la lista esté en letras o en números romanos, pondremos siempre el número correspondiente, y el programa ya se encargará de traducirlo al que le corresponda. Ejemplo:

Código HTML:


<ol type "A" start="5" >
   <li>Zaragoza</li>
   <li>Bilbao</li>
   <li>Málaga</li>
   <li>La Coruña</li>
</ol>

En el navegador lo veremos así:

  1. Zaragoza
  2. Bilbao
  3. Málaga
  4. La Coruña



En la siguiente plágina veremos las listas de definición y las listas anidadas.

Otras listas.







manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com