MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Etiquetas para listas-HTML



¿Cuáles son las etiquetas para poner algo en un listado? Pues dependiendo si son bullets sin más o si lleva un orden (1, 2, 3... a, b, c... i, ii, iii...) tienen une etiqueta u otra.

Para los bullets:<

<ul> y </ul>


ul viene de unordered list (lista no ordenada)

Y para las listas con un orden específico:

<ol> y </ol>
< ol sería ordered list (lista ordenada) Y obviamente, lo que va en la lista debe ir ahí dentro. Ahora bien, esa es la etiqueta, por así decirlo, del conjunto. Pero luego cada línea que queramos poner en el listado, debe llevar otra etiqueta, que sería <li> (de list imagino, porque es un elemento que está listado). Ejemplo:

<li>Enero</li>
<li>Febrero</li>
<li>Marzo</li>
<ul>


Quedaría así:
  • Enero
  • Febrero
  • Marzo
Y si le hubiésemos puesto <ol> en lugar de <ul>, entonces quedaría así:
  1. Enero
  2. Febrero
  3. Marzo

Cambiar los números por otros sistemas de orden: 

En html podemos añadir una orden extra dentro de una etiqueta. Se la añadimos en la de apertura, poniendo un espacio tras su nombre (a veces una letra o dos letras).

Entonces, si queremos ordenar la lista con a, b, c... en lugar de 1, 2, 3..., añadiríamos type="a" tras <ol

Así:

<ol type="a">
<li>Enero</li>
<li>Febrero</li>
<li>Marzo</li>
</ol>< Y nos quedaría así:
  1. Enero
  2. Febrero
  3. Marzo

Y lo mismo si queremos A, B, C... o i, ii, iii... o I, II, III...

Los atributos a añadir dentro de su etiqueta correspondiente serían:

type="a"
type="A"
type="i"
type="I"

type="1" se podría poner pero no hace falta porque se enumeran en orden por defecto.

2. Cambiar los bullets estándar por otros bullets:

Igual que podemos cambiar los números por otros sistemas de ordenación, también podemos cambiar los bullets por otros dibujitos.

Bullets redonditos sin rellenar

Deberíamos definir el estilo poniendo style="list-style-type:circle" . Así:

<ul style="list-style-type:circle">
<li>Enero</li>
<li>Febrero</li>
<li>Marzo</li>
<ul>


Y nos quedaría así:
  • Enero
  • Febrero
  • Marzo
Bullets cuadrados
< Para bullets cuadrados pondríamos style="list-style-type:square"

Sin bullets
Y si no queremos bullets (por defecto aparece el redondito negro) pondríamos style="list-style-type:none"

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者