Dónde estoy: Home > Descubre > Programación > Desarrollo web > Manual de HTML > Manual de HTML: Listas > Listas
Imprimir

Listas

Las listas son unos elementos de maquetación muy eficaces a la hora de dar formato al contenido de una web. Las listas se pueden utilizar para varias cosas:

  • creación de índices y esquemas.
  • corregir el exceso de contenido de una página.
  • corregir la falta de contenido de una página.
  • romper la monotonía de contenidos de la página.

Recursos

  • <ul></ul>

    La etiqueta <ul> (Unordered List, Lista sin ordenar) muestra una lista sin numerar donde las filas (definidas con la etiqueta <li>) pueden ir precedidas de una viñeta, que puede ser diferente en cada fila.

    Propiedades CSS:

    Ejemplo: este código:

    <h4>debemos comprar:</h4>
<ul>
  <li>camisas para jose</li>
  <li>locion para daniel</li>
</ul>

    ... se ve así:

    debemos comprar:

    • camisas para jose
    • locion para daniel
  • <ol> </ol>

    La etiqueta <ol> (Ordered List, Lista ordenada) muestra una lista numerada donde las filas (definidas con la etiqueta <li>) pueden ir precedidas de un número, que puede tener diferente estilo en cada fila.

    Atributos:

    • start: define el primer secuenciador de la serie de elementos de la lista (debe ser un número entero a partir de 1).

    Propiedades CSS:

    Ejemplo: este código:

    <h4>estudiar para mañana:</h4>
<ol type="1" start="3">
  <li>geometria</li>
  <li>ciencias sociales</li>
</ol>
 
<h4>actividades de la semana:</h4>
<ol type="i" start="3">
  <li>asistir a la universidad</li>
  <li>comprar disco</li>
  <li>llevar el auto al mecanico</li>
</ol>

    ... se ve así:

    estudiar para mañana:

    1. geometria
    2. ciencias sociales

    actividades de la semana:

    1. asistir a la universidad
    2. comprar disco
    3. llevar el auto al mecanico
  • <li></li>

    La etiqueta <li> define las líneas de las listas, tanto numeradas (<ol>) como sin numerar (<ul>).

    Propiedades CSS:

Deja un comentario