HTML Odrá?ky

obrazok obrazok

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

Tág Popis
<ol> Definuje ordered list
<ul> Definuje unordered list
<li> Definuje list item
<dl> Definuje definition list
<dt> Definuje definition termín
<dd> Definuje a definition description (popis definície)
<dir> Vypustené. Namiesto toho pou?ívajte <ul>
<menu> Vypustené. Namiesto toho pou?ívajte <ul>

obrazok obrazok