Després de la iniciació al BODY, ara sabrem com crear diferents tipus de llistes, un recurs molt útil quan es volen fer enumeracions o punts.
Hi ha diferents tipus de llistes:
<OL> </OL> que s'usa per crear llistes ordenades les quals poden tenir l'atribut TYPE i START entre d'altres.
L'atribut TYPE=”...” pot agafar els termes, “a”, “i”, o si no es posa aquest atribut agafa per defecte números. En el cas de posar “a”, l'enumeració serà per lletres: a, b, c..., o en cas de posar “i” serà per nombres romans. En el cas de no posar res serà per números.
L'atribut START=”...” s'ha de posar com a terme un nombre. I si es posa per exemple el 3, la llista començarà pel número 3, la lletra C o el nombre romà: iii.
Per afegir punts o termes de la llista s'ha d'utilitzar el TAG: <LI> </LI> Aquest és el TAG encarregat de crear cada cop un punt diferent de la llista. Per entendre-ho millor després veure'm un exemple.
<UL> </UL> que s'usa per crear llistes desordenades, que no usen cap mena d'ordre sinó cercles, quadrats...etc.
Té l'etiqueta TYPE=”...” que és igual que la anterior però amb els termes, circle , square , etc.
Igualment que l'anterior...Per afegir punts o termes de la llista s'ha d'utilitzar el TAG: <LI> </LI> Aquest és el TAG encarregat de crear cada cop un punt diferent de la llista. Per entendre-ho millor després veure'm un exemple.
<DL> </DL> Aquesta és la llista de definició i es diu així perquè no te cap tipus d'identificador com les d'abans. Sense números, ni els punts, etc. Però si que et permet canviar de tabulat.
En aquest tipus de llista s'utilitzen els TAGs <DT> </DT> que te el mateix tabulat que el text en que està situada la llista i <DD> </DD> que té un tabulat més. D'aquesta manera convinant llistes dins de llistes podem aconseguir tants tabulats com vulguem. En l'exemple de llistes acabarem d'entendre com utilitzar les llistes correctament i com amb la llista de definició, afegir tants tabulats com vulguem.
L'exemple de llista que segueix aquest enllaç, té aquest codi: aquí es veu separadament l'exemple de cada llista que hem estat explicant:
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Llistes</title>
</head>
<body>
<h4>LListes:</h4>
<p>Aquí està l'exemple de tipus de llistes, que podem fer segons tot l'explicat fins ara:</p>
<ol>
<li>Primera línia</li>
<li>Segona línia</li>
<li>Tercera línia</li>
<li>[...]</li>
</ol>
<p>A continuació aplicarem l'atribut type i d'aquesta manera utilitzarem lletres enlloc de nombres, i començarem a la lletra C.</p>
<ol type="a" start="3">
<li>Primera línia</li>
<li>Segona línia</li>
<li>[...]</li>
</ol>
<p>Ara farem una llista desordenada: amb punts:</p>
<ul type="circle">
<li>Primera línia</li>
<li>Segona línia</li>
<li>[...]</li>
</ul>
<p>I per acabar una llista de definició amb diferents linies a diferents nivells:</p>
<dl>
<dt>Primera línia</dt>
<dl>
<dt>Segona línia</dt>
<dd>Tercera línia</dd>
<dt>Quarta línia</dt>
<dt>Cinquena línia</dt>
<dd>[...]</dd>
</dl>
</dl>
<p>Per suposat aquí són aplicables tots els canvis amb les etiquetes de negreta, etc...a la combina està el bon gust ;)</p>
</body>
</html>
Per saber-ne encara més. Informació de llistes:
http://www.etse.urv.es/ri/docs/usuaris/Curset-html.html#B