TVORBA WEBU
HTML - ZÁKLADY
- HTML
- HTML Úvod
- HTML Začíname
- HTML Základy
- HTML Elementy
- HTML Atribúty
- HTML Nadpisy
- HTML Odseky
- HTML Formátovanie
- HTML Štýly
- HTML Odkazy
- HTML Obrázky
- HTML Tabuľky
- HTML Zoznamy
- HTML Formuláre
- HTML Rámy
- HTML Iframes
- HTML Farby
- HTML Farby názvy
- HTML Farby hodnoty
- HTML Zoznam prikazov
HTML - POKROČILÝ
HTML - PRÍKLADY
Učebnica HTML - Zoznamy
HTML - Basic - Lists
| « Predchádzajúca | Ďalšia kapitola » |
Najbežnejšie HTML zoznamy sú číslované aj nečíslované (odrážkové) zoznamy
Príklad
|
Vyskúšajte si to sami - Príklady:
Jednoduchý zoznam s odrážkami
Ako na vytvorenie zoznamu v HTML dokumente.
Číslovaný - usporiadaný zoznam
Ako vytvoriť usporiadaný číslovaný zoznam v HTML dokumente.
(Viac príkladov nájdete v dolnej časti tejto stránky).
HTML neusporiadané zoznamy pomocou odrážok
Jednoduchý zoznam začína značkou <ul>. Každá položka zoznamu začína <li> značkou.
Položky zoznamu sú označené guličkami (zvyčajne malé čierne kruhy).
Príklad:
| <ul> <li>Káva</li> <li>Mlieko</li> </ul> |
Takto tento kód HTML vyzerá v prehliadači:
- Káva
- Mlieko
HTML - usporiadané - číslované zoznamy
Číslovaný zoznam začína značkou <ol> . Každá položka zoznamu začína <li> značkou.
Položky zoznamu sú označené číslami.
| <ol> <li>Káva</li> <li>Čaj</li> </ol> |
Takto tento HTML kód vyzerá v prehliadači:
- Káva
- Čaj
Definovanie HTML zoznamov
Definícia je zoznam položiek, s popisom jednotlivých položiek.
Značka <dl> definuje zoznam definícií.
Značka <dl> sa používa v spojení s <dt> (definuje položku v zozname) a <dd> (vystihuje položku v zozname)
| <dl> <dt>Káva</dt> <dd>-teplý čierny nápoj</dd> <dt>Mlieko</dt> <dd>- biely chladný nápoj</dd> </dl> |
Ako kód HTML vyzerá vo vašom prehliadači:
- Káva
- - teplý čierny nápoj
- Mlieko
- - biely chladný nápoj
HTML - Ďalšie príklady
Rôzne typy usporiadaných zoznamov
Demonštruje rôzne druhy usporiadaných zoznamov.
Rôzne typy neusporiadaných zoznamov
Demonštruje rôzne typy neusporiadaných zoznamov.
Vnorené zoznamy
Príklad, ako si môžete vnoriť zoznamy.
Vnorené zoznamy 2
Demonštruje zložitejšie vnorené zoznamy.
Zoznam definícií
Príklad - zoznam definícií.
HTML Značky pre obrázky
| Tag | Popis |
|---|---|
| <ol> | Definuje usporiadaný zoznam |
| <ul> | Definuje jednoduchý zoznam |
| <li> | Definuje položku zoznamu |
| <dl> | Definuje zoznam definícií |
| <dt> | Definuje položku v definícii zoznamu |
| <dd> | Definuje opis položky v definícii zoznamu |
| « Predchádzajúca | Ďalšia kapitola » |