Curso de Html Lección 7: Tipos de listas en HTML

Continuamos nuestro aprendizaje del lenguaje html, a continuación vamos a aprender a crear listas. Esto nos servirá para distribuir elementos en una página de forma ordenada y jerárquica.Las listas pueden ser de varios tipos ordenadas,desordenadas y de definicion.







Listas desordenadas

Para elaborar nuestra lista emplearemos el atributo <ul> y </ul> (unordered list) que es el que abre y cierra la lista, los elementos que se encuentren en su interior iran etiquetados con el atributo <li> y </li> .Ejemplo practico:

<p>Esto seria un párrafo </p>

<ul>

<li> Elemento 1 </li>

<li> Elemento 2 </li>

<li> Elemento 3 </li>

</ul>

Se veria de la siguiente forma

Esto seria un párrafo

• Elemento 1
• Elemento 2
• Elemento 3

Listas ordenadas

Estan precedidas de un numero o una letra para numerarlos.Para su elaboración se emplea el atributo <ol>y </ol> (ordered list) y a los elementos que pongamos en su interior, lo etiquetaremos igualmente con el atributo <li> y </li>. Ejemplo

<p>Esto seria un párrafo con una lista ordenada </p>

<ol>

<li> Elemento 1 </li>

<li> Elemento 2 </li>

<li> Elemento 3 </li>

</ol>

Y asi se veria>




Esto seria un párrafo con una lista ordenada
1 Elemento 1
2 Elemento 2
3 Elemento 3




Listas de definición

Pues este es el tercer tipo de lista que podremos confeccionar utilizando el lenguaje HTML , consiste en un tipo de lista mas elaborado para incluir descripciones en los elementos. Para los elementos usaremos la etiqueta <dl> y </dl> (definition list). Y para sus descripciones <dt> (definition term) y <dd> (definition definition) respectivamente. Un ejemplo de este tipo de lista y de cómo se aprecia en una web seria este.

<p>Hackers y subgrupos </p>

<dl>

<dt>Crakers

<dd> quiebran quebrar los protocolos de seguridad de aplicaciones de software o hardware.

<dt> Phreakers

<dd> Conocen todos los secretos de las centrales telefónicas. </dl>

Quedaria de la siguiente forma

Hackers y subgrupos

Crakers

quiebran quebrar los protocolos de seguridad de aplicaciones de software o hardware.

Phreakers

Conocen todos los secretos de las centrales telefónicas.

Tambien se pueden combinar (anidar) todas las listas en una pagina combinando dos o mas tipos.Ejemplo

<p>Tipos de malware</p>

<ul>

<li>virus

<ol>

<li>worms

<li> keylogger

</ol>

<li>spyware

<ol>

<li>adware

<li>toolbar </ol>

</ul>

y Asi se ve

Tipos de malware

• Virus
  
  
  
  1. Worm
     
  2. keylogger
     
• Spyware
  
  
  
  1. Adware
     
  2. Toolbar
     

Curso BY S3L3N1TY