Tutorial HTML
BackNext
Liste
Tag-uri pentru listeTag ->Descriere
<ol> Defineste o lista ordonata
<ul> Defineste o lista neordonata
<li> Defineste un element al listei
<dl> Defineste o lista de definitii
<dt> Defineste un termen al listei de definitii
<dd> Defineste o descriere
<dir> Nu se mai utilizeaza. Se foloseste <ul>
<menu> Nu se mai utilizeaza. Se foloseste <ul>
Liste neordonate
O lista neordonata este o lista în care elementele listei sunt marcate cu o bulibna la început -
de obicei un cerc mic negru.
O lista neordonata începe cu tag-ul <ul>. Fiecare element al listei începe cu <li>.
<ul>
<li>banane</li>
<li>portocale</li>
<li>struguri</li>
</ul>
În interiorul fiecarui element al unei liste pot fi puse paragrafe, imagini, link-uri, alte liste etc.
Liste ordonate
O lista ordonata este o lista în care elementele listei sunt numerotate. O lista ordonata începe
cu <ol> iar fiecare element cu tag-ul <li>
<ol>
<li>banane</li>
<li>portocale</li>
<li>struguri</li>
</ol>
Liste de definitii
Lista de definitii este o lista de termeni si explicarea acestora. O lista de definitii începe tag-ul
<dl>. Fiecare termen din lista începe cu tag-ul <dt> . Fiecare definitie a unei liste de definitii
începe cu tag-ul <dd>.
<dl>
<dt>Prajitura</dt>
<dd>Ceva de obicei dulce si bun</dd>
<dt>Masina</dt>
<dd>O chestie pe 4 roti care are tractiune proprie</dd>
</dl>
Exemple
1. Alte tipuri de liste neordonate
<html>
<body>
<h4>Disc bullets:</h4>
<ul type="disc">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ul>
<h4>Circle bullets:</h4>
<ul type="circle">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ul>
<h4>Square bullets:</h4>
<ul type="square">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ul>
</body>
</html>
2. Alte tipuri de liste ordonate.
<html>
<body>
<h4>lista numerotata:</h4>
<ol>
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ol>
<h4>lista numerotata cu litere mari:</h4>
<ol type="A">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ol>
<h4> lista numerotata cu litere mici:</h4>
<ol type="a">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ol>
<h4> lista numerotata cu cifre romane mari:</h4>
<ol type="I">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ol>
<h4> lista numerotata cu cifre romane mici:</h4>
<ol type="i">
<li>Pim</li>
<li>Pam</li>
<li>Pum</li>
<li>Pom</li>
</ol>
</body>
</html>
BackNext