Buscar Más buscado
Capitulos de este wiki
  1. 1 Introducción al lenguaje HTML
  2. 2 Primeros pasos con HTML
  3. 3 Parrafos en HTML
  4. 4 Cómo insertar imagenes en una pagina
  5. 5 Cómo crear enlaces hipertexto
  6. 6 PRÁCTICA 1: La pagina web de "La chistera"
  7. 7 Anclas (I)
  8. 8 Anclas (II)
  9. 9 Formato de texto
  10. 10 La etiqueta FONT
  11. 11 Texto preformateado
  12. 12 Acentos y otros caracteres especiales
  13. 13 Listas en HTML (I)
  14. 14 Listas en HTML (II)
  15. 15 Comentarios en HTML
  16. 16 Practica 2: Un sitio web completo
  17. 17 Usando color en el WWW
  18. 18 Cómo cambiar la apariencia de una pagina
  19. 19 Imagenes en las paginas Web (I)
  20. 20 Imagenes en las paginas Web (II)
  21. 21 Imagenes en las paginas Web (III)
  22. 22 Cómo cambiar la apariencia de las imagenes
  23. 23 Alternativas a las imagenes inline (I)
  24. 24 Alternativas a las imagenes inline (II)
  25. 25 Mejoras en las imagenes
  26. 26 Cómo se crea una tabla HTML (I)
  27. 27 Cómo se crea una tabla HTML (II)
  28. 28 Alineamiento de tablas
  29. 29 Alineamiento de celdas y filas
  30. 30 Ancho de tablas y celdas
  31. 31 Celdas que abarcan varias filas o columnas
  32. 32 Margenes y separación de celdas
  33. 33 Anidamiento
  34. 34 Practica 3 - Tabla de Datos
  35. 35 Practica 4 - Pagina Web con una estructura creada con tablas
  36. 36 Practica 4 - Pagina Web con una estructura creada con tablas
  37. 37 Practica 4 - Pagina Web con una estructura creada con tablas
  38. 38 Estandares y extensiones del lenguaje HTML (I)
  39. 39 Estandares y extensiones del lenguaje HTML (II)
  40. 40 Extensiones a las listas (I)
  41. 41 Extensiones a las listas (II)
  42. 42 Alineamiento
  43. 43 La etiqueta META
  44. 44 Otras etiquetas del lenguaje HTML 3.2
  45. 45 El atributo TARGET
  46. 46 La etiqueta BASE
  47. 47 Creación de paginas con frames
  48. 48 Creación del documento de definición de frames (I)
  49. 49 Creación del documento de definición de frames (II)
  50. 50 Pagina completa con frames
  51. 51 Atributos de la etiqueta FRAME
  52. 52 Compatibilidad: NOFRAME
  53. 53 Anidamiento de framesets
  54. 54 Bordes de los frames
  55. 55 Valores especiales del atributo TARGET
  56. 56 Practica 5: Web de Los Alpes con frames
  57. 57 Frames flotantes
  58. 58 Sonido vídeo y otros ficheros externos
  59. 59 Multimedia Inline (I)
  60. 60 Multimedia Inline (I)
  61. 61 Plug-ins y objetos incrustados
  62. 62 Java en las Paginas Web
  63. 63 Inserción de Applets Java (I)
  64. 64 Inserción de Applets Java (II)
  65. 65 Inserción de Applets Java (III)
  66. 66 ActiveX, la tecnología del futuro
  67. 67 Formularios en HTML
  68. 68 Controles de Formularios (I)
  69. 69 Controles de Formularios (II)
  70. 70 Controles de Formularios (III)
  71. 71 Controles de Formularios (IV)
  72. 72 Otros controles
  73. 73 Practica 6-Formulario para "Los Alpes"
  74. 74 Como usar los datos de un formulario
  75. 75 Envío De Ficheros Usando Formularios

Curso completo de HTML - Extensiones a las listas (II)

41 - Extensiones a las listas (II)

[editar]
Curso gratis creado por Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/
23 de Febrero de 2006
< anterior | 1 ... 39 40 41 42 43 44 45 ... 75 | siguiente >

Listas ordenadas

Este tipo de listas tiene alguna novedad más que las anteriores. Para empezar también le ha sido añadido un atributo cuyo nombre es TYPE. Pero ahora la función que desempeña es ligeramente distinta, si antes cambiaba el tipo de viñeta ahora cambiará el tipo de numeración. En la tabla 7.1 podemos ver los cinco tipos distintos que hay y el valor que debe tomar el atributo TYPE para elegir cada uno:

Figura 7.1. Los cinco tipos distintos que puede tomar el atributo TYPE para listas ordenadas

Siguiendo con la lista usada como ejemplo anteriormente, ahora podríamos numerar los elementos de lista con letras escribiendo el siguiente código: 

 <OL TYPE="a">
 
  <LI>
  Ms Internet Explorer
  <LI>
  Netscape Navigator
  <LI>
  Opera
  <LI;>
  Lynx
 
  </OL>

Cambiando el valor del atributo TYPE por cada uno de los que veíamos en la tabla 7.1 obtendremos todos los tipos de numeración tal y como apreciamos en la figura 7.10:

Figura 7.10. Con el atributo TYPE podemos elegir entre 5 tipos distintos de numeración en las listas de HTML. En esta figura vemos los 4 nuevos.

Al igual que en el caso de las listas no ordenadas podemos usar el atributo TYPE con cada una de las etiquetas LI. Sin embargo ahora el efecto es menos útil que antes, ya que, en general, cambiar el tipo de numeración (OJO, no se vuelve a empezar desde cero) para algunos de los elementos de lista confunde al navegante que vaya a verla.

La siguiente novedad introducida por la versión 3.2 del estándar del lenguaje HTML para las listas ordenadas es el atributo START. Si bien las listas que hemos creado hasta ahora comenzaban siempre por 1 (o por a, A, i, I, según el tipo de numeración) con este atributo podemos elegir porqué número (o letra) comenzará el primer elemento de lista. Esto suele ser útil cuando tenemos que partir una lista en dos porque queremos insertar algo en medio y queremos retomar la numeración después. Este atributo tiene como valores posibles todos los números naturales (1, 2, 3, ...)

Si en cada uno de los ejemplos de la figura 7.10 ponemos el atributo START con el valor 10 obtendremos el resultado de la figura 7.11:

Figura 7.11. Si usamos el atributo START podemos variar el número (o letra en estos casos) por los que se empiezan a numerar los elementos de la lista.

Aunque en esta figura no está el tipo de numeración arábigo (1, 2, 3, ...) los resultados de este tipo de numeración son fácilmente previsibles.

El atributo START no puede ser usado de manera independiente en cada elemento de lista, LI. Si embargo si que existe otro atributo que nos permitirá cambiar el número que precede a cada elemento de lista: VALUE. Este atributo funciona de manera muy similar a START, toma como valor un número natural y lo convierte al tipo de numeración que usa esa lista. Por ejemplo podríamos crear una lista con numeración romana impar de la siguiente manera: 

 <OL TYPE="i">
 
  <LI VALUE=1>
  Ms Internet Explorer
  <LI VALUE=3>
  Netscape Navigator
  <LI VALUE=5>
  Opera
  <LI VALUE=7;>
  Lynx
 
  </OL>

Que nos da el resultado de la figura 7.12:

Figura 7.12. Con el atributo VALUE podemos indicar el valor de la numeración de cada uno de los elementos de las listas numeradas.

Con este atributo ya podemos dar por terminadas las novedades introducidas por HTML 3.2 en la creación de listas. Pero aún queda por comentar un último atributo que existe desde las primeras versiones del lenguaje HTML:COMPACT. Este atributo puede ser usado en cualquiera tipo de lista: UL, OL, MENU, DIR y DL, y su función es decirle al navegador que intente comprimir el tamaño que ocupa la lista al máximo, por ejemplo reduciendo el espacio entre cada uno de los elementos de lista. La forma de usar este atributo es simple y no toma ningún valor. Siguiendo con el ejemplo usado hasta ahora podríamos usar el siguiente código: 

 <OL COMPACT;>
 
  <LI>
  Ms Internet Explorer
  <LI>
  Netscape Navigator
  <LI>
  Opera
  <LI>
  Lynx
 
  </OL>

El problema de este atributo es que en general los navegadores lo ignoran y muestran la lista exactamente igual que las demás. Si el lector prueba el código de este último ejemplo en Navigator o Explorer probablemente no notará ninguna diferencia por haber usado COMPACT, aun así hemos considerado recomendable comentar su existencia.

[editar]
< anterior | 1 ... 39 40 41 42 43 44 45 ... 75 | siguiente >

Opinar
194 opiniones

html

muy completo
fLakita

Me gustaria saber como se pone el signo de copyleft.
Gracias
sara

deberian poner como hacer un enlace a otra pagina desde un boton
luis

este tutorial esta fabuloso!
esta chivo

gracias por publicar cosas buenas
1 2 3 4 5 6 7 ... 39 | siguiente >

Cursos gratis relacionados con 'Curso completo de HTML'

Curso completo de HTML
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Curso de Ada
El objetivo de este curso es aprender a programar en el lenguaje Ada, desde sus... Más »
Curso de hacking
Práctico y completo curso de hacking.
Curso de Linux
Completo curso de Linux, un sistema operativo gratuito y de libre distribución inspirado en el... Más »
El fascinante mundo de los virus informáticos
Completo curso acerca de los virus informáticos, historia, clasificación, protección...

Anuncios Google

Autor y licencia de 'Curso completo de HTML'


Curso gratis de Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/ CopyLeft
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.