APUNTS PRÀCTICS HTML 4.0
En aquest capítol es tracten els següents elements:
Contingut del capítol:
Les llistes són una forma de presentar la informació d'un certa forma visual.
1. Llistes Desordenades (Unordered lists)
Es diuen llistes desordenades perque els elements que la contenen, no van numerats, sinó només senyalitzats amb un indicador. La llista comença amb l'element d'inici de llista, UL, i a continuació, cada element de la llista amb l'element LI, List Item, element de llista.
Els elements són:
|
<p>Els elements són:</p> <ul> <li>Primer element</li> <li>Segon element</li> <li>Tercer element, etc</li> </ul> |
Per a canviar la forma del puntet inicial de la llista, s'ha de definir l'element
TYPE. Per defecte, els visualitzadors canvien la forma depenent del nivell a on es
troba l'element a dins de la llista.
Els elements són:
|
<p>Els elements són:</p> <ul> <li type="disc">Primer element</li> <li type="square">Segon element de la llista, amb l'indicador en forma de quadrat.</li> <li type="circle">Tercer element, etc</li> </ul> |
Una versió similar que les Llistes desordenades són les llistes de MENU i les DIR, amb visualització igual que les UL. L'estructura de creació d'aquestes llistes és similar, canviant l'element d'inici de llista UL, per MENU o per DIR.
2. Llistes ordenades, o numerades (Ordered Lists)
L'únic que canvia de les Llistes desordenades, és que l'element Tag d'inici de llista
és OL, i que els elements a la llista, en comptes
d'indicadors gràfics, són numèrics o alfabètics.
Els elements són:
|
<p>Els elements són:</p> <ol> <li>Primer element</li> <li>Segon element de la llista, amb número aràbic.</li> <li>Tercer element, etc</li> </ol> |
Per defecte, la llista del primer element comença amb 1. Però es pot canviar el valor
d'inici, amb l'indicador OL START.
Els elements són:
|
<p>Els elements són:</p> <ol start=12> <li>Primer element</li> <li>Segon element de la llista.</li> <li>Tercer element, etc</li> </ol> |
L'element COMPACT fa que el visualitador forci a visualitzar la llista en format més compacte.
L'estil de numeració es defineix amb l'element OL TYPE. L'estil predefinit és el numèric aràbic (1, 2, 3, etc).
| Tipus | Llenguatge HTML | Estil de numeració | |
| 1 | <ol type="1"> | números aràbics | 1, 2, 3, ... |
| a | <ol type="a"> | lletres minúscules | a, b, c, ... |
| A | <ol type="A"> | lletres majúscules | A, B, C, ... |
| i | <ol type="i"> | números romans, minúscules | i, ii, iii, iv, ... |
| I | <ol type="I"> | números romans, majúscules | I, II, III, IV, ... |
|
<ol type="a" start="4">
<li>Estils</li> <li>Paràgrafs</li> <li>Notes</li> </ol> |
3. Llistes de definició (Definition List)
Les llistes de definició, comencen amb l'element DL. Cada grup es defineix amb l'element DT,Definiton Term, i cada contingut d'ell, amb l'element DD, Definition Data.
Llista de definició:
etc. |
<dl> <dt>Punt 1 </dt> <dd>Explicació del punt 1 </dd> <dt>Punt 2 </dt> <dd>Explicació del punt 2 </dd> </dl> |
| © Melcior Oliveras 1998 melcior@intercom.es | |
|
|
||