Descriere:Utilizari speciale ale listelor
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial): Propria parere:Util.
Tutorialul:
Daca intr-o lista, in loc de elementele acesteia introduse prin <li>, se insereaza un bloc de text, aceasta va fi indentat ( intocmai ca elementele unei liste).
Cod: Selectaţi tot
<html>
<head><title>listex_9</title></head>
<body><h1>Un bloc de text indentat</h1><hr>
<ol> Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat. Un bloc de text indentat.
</ol>
</body>
</html> In exemplul urmator lista de definitii are itemii <dt> si <dd> multipli.
Cod: Selectaţi tot
<html>
<head><title>listex_10</title></head>
<body><h1 align="center">O lista de definitii speciala</h1><hr>
<dl>Program
<dt><b>Luni</b>
<dt><b>Marti</b>
<dt><b>Miercuri</b>
<dd><i>Ora 9.00.</i>Insciere
<dd><i>Ora 11.00.</i>Audieri
<dd><i>Ora 13.30.</i>Raspunsuri
</dl>
</body>
</html>Ultimul exemplu este o lista neordonata personalizata care utilizeaza pe post de elemente imagini si texte.
Cod: Selectaţi tot
<html>
<head><title>listex_11</title></head>
<body><h1>O lista personalizata</h1><hr>
<ul>Tipuri de masini Volkswagen sunt:<br>
<img src="images/reddot.gif">Golf<br>
<img src="images/reddot.gif">Jetta<br>
<img src="images/reddot.gif">Passat<br>
<img src="images/reddot.gif">Bora<br>
<img src="images/reddot.gif">Corrado<br>
<img src="images/reddot.gif">Transporter<br>
</body>
</html>