Limbajul HTML permite crearea de liste neordonate (unordered), liste ordonate (ordered) sau liste de definitii (definition list).
G.1. Liste neordonate (unordered).
O lista neordonata este o lista de articole, articole care sunt marcate implicit cu simboluri grafice de culoare neagra (bullets).
O lista neordonata incepe cu marcajul <ul> (unordered list).
Fiecare articol din lista incepe cu marcajul <li> (list item).
Urmatorul document HTML afiseaza o lista de produse:
<html>
<body bgcolor="orange">
<ul>
<li>Produs 1</li>
<li>Produs 2</li>
<li>Produs 3</li>
</ul>
</body>
</html>
Daca dorim sa schimbam modul de marcare pentru articolele din lista neordonata putem utiliza atributul "type" al marcajului (etichetei) <ul>. Acest atribut poate avea valorile "disc", "circle" sau "square".
Articolele din interiorul unei liste neordonate pot fi paragrafe, legaturi, imagini, alte liste, etc.
G.2. Liste ordonate (ordered).
O lista ordonata este tot o lista de articole, cu deosebirea ca aceste articole sunt numerotate.
O lista ordonata incepe cu marcajul <ol>. Fiecare articol din lista incepe cu marcajul <li>, dupa cum se poate observa in urmatorul document HTML:
<html>
<body bgcolor="orange">
<ol>
<li>Produs 1</li>
<li>Produs 2</li>
<li>Produs 3</li>
</ol>
</body>
</html>
De asemenea o lista ordonata poate utiliza atributul "type" pentru a modifica modul de numerotare. In tabelul urmator sunt precizate valorile pentru atributul type precum si modul de numerotare (marcare).
| Valoare atribut "type" |
Mod de numerotare (marcare) |
| 1 |
1, 2, 3, ... |
| a |
a, b, c, ... |
| A |
A, B, C, ... |
| i |
i, ii, iii, ... |
| I |
I, II, III, ... |
Articolele din interiorul unei liste ordonate pot fi paragrafe, legaturi, imagini, alte liste, dupa cum se poate observa in urmatorul document HTML:
<html>
<body bgcolor="orange">
<ol type="a">
<li>Produs 1<br>
<ul>
<li>produs 1A</li>
<li>produs 1B</li>
</ul>
</li>
<li>Produs 2</li>
<li>Produs 3</li>
</ol>
</body>
</html>
G.3. Liste de definitii (definition).
O lista de definitii nu este o lista de articole. O lista de definitii este o lista de termeni si explicatiile aferente acestor termeni.
O lista de definitii incepe cu marcajul <dl> (definition list). Fiecare termen al listei incepe cu marcajul <dt> (definition term). Fiecare explicatie aferenta unui termen incepe cu marcajul <dd> (definition description).
Urmatorul document HTML declara o lista de definitii:
<html>
<body bgcolor="orange">
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>XML</dt>
<dd>EXtensible Markup Language</dd>
</dl>
</body>
</html>
In interiorul marcajului <dd> al unei liste de definitii pot fi introduse paragrafe, legaturi, imagini, alte liste, etc. |
