HTML popisi : Lists

Popise koristimo tamo gdje se nalazi popis stavki u sadržaju.
Postoje tri vrste popisa:

  • numerički popisi
  • simbolički popisi
  • popisi definicija

Web dizajn za tebe!

Numerički popisi : Ordered Lists

Elementi numeričkog popisa:

Numerički popis : Ordered list : <ol > … </ol>

Stavka popisa: List item: <li> … </li>


Primjer numeričkog popisa:

<ol>
  <li>Gabrijel</li>
  <li>Rafael</li>
  <li>Mihovil</li>
</ol>

Izgled u web pregledniku:


Simbolički popisi : Unordered Lists

Elementi simboličkog popisa:

Simbolički popis : Unordered list: <ul>... </ul>

Stavka popisa : List item: <li>... </li>


Primjer simboličkog popisa:

<ul>
  <li>Prstenova družina</li>
  <li>Dvije kule</li>
  <li>Povratak kralja</li>
</ul>

Izgled u web pregledniku:


Popisi definicija : Definition Lists

Elementi popisa definicija:

Popis definicija: Definition list: <dl> ... </dl>

Nazivi definicije: Definition terms: <dt> ... </dt>

Definicija definicije: Definition definition: <dd> ... </dd>


Primjer popisa definicija:

<dl>
  <dt>Numerički popis</dt>
    <dd>- Dodjeljuje brojeve ispred svake stavke.</dd>
  <dt>Simbolički popis</dt>
    <dd>- Dodjeljuje znakove ispred svake stavke.</dd>
  <dt>Popis definicija</dt>
    <dd>- Svaki naziv definicije slijedi definicija definicije.</dd>
</dl>

Izgled u web pregledniku: