Liste HTML
- HTML suporta liste ordonate, liste neordonate si liste de definitii.
Exemmple
- O lista neordonata
Acest exemplu demonstreaza o lista neordonata.
<html>
<body>
<h4>Lista neordonata:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
- Lista ordonata
<html>
<body>
<h4>Lista ordonata:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
Liste neordonate
- O lista neordonata este pur si simplu o lista de elemente. elementele ce compun lista sunt marcate prin puncte (de obicei cercuri mici, negre).
- O lista neordonata incepe cu tag-ul <ul>. Fiecare element al listei incepe cu tag-ul <li>.
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
- In felul urmator va arata codul de mai sus intr-un browser:
- In interiorul unui element de lista puteti pune paragrafe, spatii, imagini, link-uri, alte liste, etc.
Liste ordonate
- O lista ordonata este deasemenea o lista de elemente. Elementele listei sunt marcate cu numere.
- O lista ordonata incepe cu tag-ul <ol>. Fiecare element al listei incepe cu tag-ul <li>.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
- In felul urmator va arata codul de mai sus intr-un browser:
- Coffee
- Milk [/ol]
- In interiorul unui element de lista puteti pune paragrafe, spatii, imagini, link-uri, alte liste, etc.
Liste de definitii
- O lista de definitii nu este acelasi lucru cu o lista de elemente. Aceasta este o lista de termeni alaturi de explicatiile acestor termeni.
- O lista de definitii incepe cu tag-ul <dl>. Fiecare definitie din lista incepe cu tag-ul <dt>. Fiecare definitie din lista explicatie a unei definitii dintr-o lista incepe cu tag-ul <dd>.
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>- Asa va arata in browser:
- In interiorul explicatiei unei liste de definitii (tag-ul <dd>) puteti pune paragrafe, spatii, imagini, link-uri, alte liste, etc.
Mai multe exemple...
Link-ul autorului:
www.avasilcaidaniel.com/
Comentarii
Voteaza acest articol!
Trimite un comentariu!
