»  Pagina principala  »  Tutoriale »  Liste HTML

Liste HTML

Exemmple


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>

Acest exemplu demonstreaza o 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 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:
    <ul> <li>Coffee</li> <li>Milk</li> </ul>
    • 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:
      [dl] [t]Coffee[/dt] [dd]Black hot drink[/dd] [dt]Milk[/dt] [dd]White cold drink[/dd] [/dl]
      • 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/

    Avasilcai Daniel Constantin

    Freelancer, web designer & developer. Cunostinte in web design : XHTML, CSS, Photoshop, Illustrator ... Cunostinte in web develop : PHP, SQL ...
    http://www.avasilcaidaniel.com/

    Cloud tag

    tutorial, photoshop, html, css, javascript, flash, php, mysql, grafica 3D, tutorial, coduri, scripturi, generator de coduri, cursuri php