MODULO 2. Lección 12 - HTML: LISTAS (1)

Hay tres tipos de listas:

Lista no ordenada 
<ul>

  • Primer elemento
  • Segundo elemento
  • Tercer elemento
  • Cuarto elemento
Lista ordenada
<ol>

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento
  4. Cuarto elemento

Lista de descripción
<dl>

Primer elemento
         Descripción del primer elemento
Segundo elemento
         Descripción del segundo elemento


En las listas no ordenadas y ordenadas se emplea el elemento <li>

En las listas de descripción, se usan los elementos <dt> y <dd>

<ul>
  •  ul=unordered list (lista no ordenada)
  • El orden de aparición de los elementos no es importante
  • Cada elemento de la lista se define con <li>
  • li=list item
  • Los elementos se indican con símbolos (círculos, cuadrados, etc...)

<ol>
  1. ol=Ordered list (lista ordenada)
  2. El orden de aparación de los elementos es importante
  3. Cada elemento de la lista se define con <li>
  4. Los elemtos se indican con números o letras
Puede hacer uso de los siguientes atributos que modifican su comportamiento:

- En HTLM 4 y 5:

-start: Permite indicar el valor inicial en el que debe comenzar la lista.
- type: Permite indicar el tipo de numeración (a, b, c...I, II, III..., etc...)

- En HTLM 5:

reversed: Permite la numeración descendente.

Lista con letras mayusculas: <ol type="A">
Lista con letras minusculas: <ol type="a">
Lista con numero romanos en mayusculas: <ol type="I">
Lista con numero romanos en minusculas: <ol type="i">

Para una lista de númeración descendente utilizariamos:

<ol reversed="reversed">

Podemos también combinar una lista de númeración descendente con el atributo type:

<ol type="1" reversed="reversed">


<dl>

dl=description list (Lista de descripción)

  • Se emplea para definir una lista de términos con cero o más descripciones por cada término.
  • Cada término de la lista se define con <dt>
  • Cada descripción de un término se define con <dd>
  • Los elementos no se indican con símbolos, números o letras, sino con un aumento del margen izquierdo.

Ejemplo de lista de descripción tomado del mismo curso:


Listas anidadas:

  • Una lista anidada, es una lista dentro de otra lista y se pueden combinar de cualquier forma
  • La lista que está dentro de otra, se llama sublista





adsa

Comentarios

Entradas populares de este blog

MODULO 4 - Lección 5 - HTML: TABLAS

MODULO 2 - Lección 4 PROTOTIPADO, WIREFRAMES, MOCKUPS Y PROTOTIPOS

MODULO 4. Lección 14: HTML: NUEVAS FUNCIONALIDADES EN FORMULARIOS (PARTE 2)