Liste HTML
Listele HTML îți permit să grupezi împreună un set de elemente înrudite.
Exemplu
O listă neordonată și o listă ordonată.
Ieșire: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Introducere în liste</title>
</head>
<body>
<h2>O listă HTML neordonată</h2>
<ul>
<li>Element</li>
<li>Element</li>
<li>Element</li>
<li>Element</li>
</ul>
<h2>O listă HTML ordonată</h2>
<ol>
<li>Primul element</li>
<li>Al doilea element</li>
<li>Al treilea element</li>
<li>Al patrulea element</li>
</ol>
</body>
</html>
Listă HTML Neordonată
O listă neordonată începe cu tag-ul <ul>, iar fiecare element începe cu tag-ul <li>. Implicit, elementele sunt marcate cu buline (cerculețe negre mici).
Exemplu
O listă cu buline de băuturi.
Ieșire: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Listă neordonată</title>
</head>
<body>
<ul>
<li>Cafea</li>
<li>Ceai</li>
<li>Lapte</li>
</ul>
</body>
</html>
Listă HTML Ordonată
O listă ordonată începe cu tag-ul <ol>, iar fiecare element începe cu tag-ul <li>. Implicit, elementele sunt marcate cu numere.
Exemplu
O listă numerotată de băuturi.
Ieșire: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Listă ordonată</title>
</head>
<body>
<ol>
<li>Cafea</li>
<li>Ceai</li>
<li>Lapte</li>
</ol>
</body>
</html>
Liste de Descriere HTML
O listă de descriere este o listă de termeni, cu o descriere pentru fiecare. Tag-ul <dl> definește lista, tag-ul <dt> definește fiecare termen, iar tag-ul <dd> îl descrie.
Exemplu
O listă de descriere a băuturilor și ce sunt ele.
Ieșire: pagină HTML completă
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Listă de descrieri</title>
</head>
<body>
<dl>
<dt>Cafea</dt>
<dd>- băutură fierbinte neagră</dd>
<dt>Lapte</dt>
<dd>- băutură rece albă</dd>
</dl>
</body>
</html>
Tag-uri HTML pentru Liste
Tag-urile legate de liste sunt: <ul> (o listă neordonată), <ol> (o listă ordonată), <li> (un element de listă), <dl> (o listă de descriere), <dt> (un termen dintr-o listă de descriere), și <dd> (descrierea termenului).