HTML Odrá?ky

HTML podporuje usporiadané, neusporiadané a defini?né odrá?ky. Originálne je to "lists" - v preklade "súpisy", ale ja budem pou?íva? "odrá?ky", kvôli ich vzh?adu.

Príklady

Neusporiadané odrá?ky
Tento príklad predvádza neusporiadané odrá?ky

Usporiadané odrá?ky
Tento príklad predvádza usporiadané odrá?ky.

(Viac príkladov nájdete na spodku tejto stránky)

Neusporiadané odrá?ky (Unordered lists)

Neusporiadané odrá?ky (Unordered lists) je súpis list itemov. Tie sú vyzna?ené s guli?kami (oby?ajne malé ?ierne kruhy).

Neusporiadané odrá?ky (Unordered lists)za?ínajú s <ul> tágom. Ka?dý list item za?ína s <li> tágom.

<ul>
        
<li>Káva</li>
<li>Kakao</li>
</ul>

Ako to vyzerá v browsery:

• Káva
• Kakao

Dovnútra list itemu mô?eme da? odstavce, zalomenia riadkov, obrázky, linky, ?al?ie odrá?ky, at?.

Usporiadané odrá?ky (Ordered lists)

Usporiadané odrá?ky (Ordered lists) sú tie? list itemy. Tie sú vyzna?ené s ?íslami.

Usporiadané odrá?ky (Ordered lists) sa za?ínajú s <ol> tágom. Ka?dý list item sa za?ína s <li> tágom.

<ol>
<li>Káva</li>
<li>Mléko</li>
</ol>

Ako to vyzerá v browsery:

1. Káva
2. Mléko

Dovnútra list itemu mô?eme vklada? odstavce, zalomenia riadkov, obrázky, linky, iné odrá?ky, at?.

Defini?né Odrá?ky (Definition lists)

Defini?né odrá?ky (Definition lists)nie sú list itemy. Toto je súpis termínov a významov termínov.

Defini?né odrá?ky sa za?ínajú s <dl> tágom. Ka?dý termín defini?ných odrá?ok sa za?ína s <dt> tágom. Ka?dá definícia defini?ných odrá?ok sa za?ína s <dd> tágom.

<dl>
<dt>Káva</dt>
<dd>?ierny horúci nápoj</dd>
<dt>Mléko</dt>
<dd>?iern? studený nápoj</dd>
</dl>

Ako to vyzerá v browsery:

Káva

?iern? horúci nápoj

Mléko

Biely studený nápoj

Dovnútra definície defini?ných odrá?ok (<dd> tág) mô?eme vklada? odstavce, zalomenia riadkov, obrázky, odkazy, iné odrá?ky, at?.

Viac Príkladov

Rôzne tipy ordered listov
Tento príklad predvádza rôzne tipy ordered listov.

Rôzne tipy unordered listov
Tento príklad predvádza rôzne tipy unordered listov.

Nested listy (hniezdené)
Tento príklad predvádza, ako mô?eme hniezdi? odrá?ky.

Nested listy 2
Tento príklad predvádza, ako mô?eme hniezdi? viac zkomplikované odrá?ky.

Defini?né listy
Tento príklad predvádza defini?né odrá?ky.

List Tágy