HTML popisi : Lists

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: