Marcaje pentru descrierea listelor

Limbajul HTML pune la dispoziţie 3 tipuri de liste definite prin următoarele marcaje:

  • <ol> - va afişa o listă ordonată
  • <ul> - va afişa o listă neordonată
  • <dl> - realizează o listă de definiţii

Lista ordonată

Lista ordonată este declarată prin marcajul <ol> (order list) şi are rândurile numerotate.

Fiecare linie este precedată de marcajul <li>

<html>

<head>

<title>Liste </title>

</head>

<body>

Liste ordonate

<ol>

<li>Introducere în HTML </li>

<li>Noţiuni introductive </li>

<li>Formatare text </li>

</ol>

</body>

</html>

 liste_ordonate

Numerotarea liniilor este automată. Pentru a începe numerotarea de la o valoare diferită de 1, marcajului <ol> i se adaugă atributul start=n, n fiind numărul dorit pentru prima linie a listei. Lista poate fi numerotată folosind litere sau cifre romane. Pentru aceasta se va adăuga marcajului <ol> atributul type=s, s fiind unul dintre simboluri.

Atributul Type

image

Lista neordonată

Lista neordonată este declarată prin marcajul <ul> (unordered list) şi are rândurile precedate de puncte.

<html>

<head>

<title>Liste </title>

</head>

<body>

Liste neordonate

<ul>

<li>Introducere în HTML </li>

<li>Noţiuni introductive </li>

<li>Formatare text </li>

</ul>

</body>

</html>

 type_disc

Aspectul punctului din faţa fiecărei linii poate fi schimbat prin folosirea atributului type=v, v fiind circle, disc sau square.

Atributul Type

Listele pot avea în interior alte liste.

Exemplu:

<html>

<head>

<title>Liste </title>

</head>

<body>

Liste

<ol>

<li>Introducere în HTML </li>

<ol type=a>

<li>Reteaua INTERNET </li>

<li>World Wide Web </li>

</ol>

<li>Noţiuni introductive </li>

<li>Formatare text </li>

</ol>

</body>

</html>

subliste
image

Lista conţinând definiţii

Lista conţinând definiţii este declarată prin marcajul <dl> (definition list) şi are rândurile precedate de <dt> pentru titluri şi <dd> pentru definiţii.

<html>

<head>

<title>Liste </title>

</head>

<body>

Definitii

<dl>

<dt>Pagina Web

<dd>Fisier apartinand WWW

<dt>Server Web

<dd>Calculator care memoreaza pagina Web

<dt>Site Web

<dd>O colectie de pagini Web

</dl>

</body>

</html>

liste_definitii
image