<Código-Web>
Elementos HTML
y Reglas CSS

  1. TEXTOS
  2. ENLACES
  3. LISTAS
  4. IMÁGENES
  5. TABLAS
  6. FORMULARIOS
  7. MAQUETACIÓN

LISTAS > Desordenadas

 

Las listas desordenadas se definen mediante la etiqueta <ul> y cada ítem de la lista debe marcarse entre etiquetas <li>. Delante de cada ítem aparece una viñeta por defecto, además si utilizamos reglas CSS podemos manipular a nuestro gusto estas viñetas.

Por ejemplo

<ul>
  <li>Este es un ítem de la lista</li>
  <li>Este es otro ítem</li>
  <li>Y este es otro ítem más</li>
</ul>

Vista en el navegador

*

 

Encadenar listas

Las listas tanto ordenadas como desordenadas se pueden encadenar, consiguiendo así varios niveles que, automáticamente, cambian la viñeta y/o el número o letra.

Por ejemplo

<ul>
  <li>Este es un ítem de la lista</li>
  <li>Este es otro ítem
    <ul>
      <li>Un subítem</li>
      <li>Otro</li>
      <li>y otro más</li>
    </ul>
  </li>
  <li>Y este es otro ítem más</li>
</ul>

Vista en el navegador

*

 

 


- (cc) 2012, 3con14 -