bgcko.gif, 0 kB
Tvoříme webovou stránku III. díl - Seznamy
Tvoříme webovou stránku III. díl
Seznamy

Dnes se naučíme tvořit seznamy, je to velmi jednoduché a často využívané např. pro menu jsou ideální. Základní dělení je na číslované a nečíslované. Tvořit se naučíme oboje, tak jdeme do toho.

Základní zápis kódu pro nečíslovaný je:


<ul>
<li>První položka</li>
<li>Druhá položka</li>
<li>Třetí položka</li>
</ul>

A v prohlížeči to udělá následující:

  • První položka
  • Druhá položka
  • Třetí položka

Prosté, že? Takže celý seznam obalíte mezi <ul> a </ul> a položky v něm mezi <li> a </li>, v nichž bude obsah.

Když chcete seznam očíslovaný stačí místo <ul> a </ul> použít <ol> a </ol>. Položky se tvoří stejně, pouze bude před nimi číslo, které se bude počítat od jedničky výše. Asi takto:

  1. První položka číslovaného seznamu
  2. Druhá položka číslovaného seznamu
  3. Třetí položka číslovaného seznamu

A zápis:


<ol>
<li>První položka číslovaného seznamu</li>
<li>Druhá položka číslovaného seznamu</li>
<li>Třetí položka číslovaného seznamu</li>
</ol>

Komentáře a hlasování
Options:      B | I | U | IMG | Code | Link | FAQ



Rate: 5-Best | 0-Wrost






 
 
#1 | Domo | 01/06/06 | 15:25:01| Site
Teď jsem si všimnul, že na eroxii mají přes css zneviditelněné tečky u nečíslovaného seznamu, takže u prvního příkladu nejsou. Normálně ale jo
#2 | Zephyr | 01/06/06 | 15:32:32| Site
do tohodle tutoru by se daly docela dobre zahrnout csska, co vsechno s jejich pomoci de na seznamu upravovat, skoda ze to tady neni :( ale jinak super ze to sypes jak na bezicim pasu, takovy lidi obdivuju :)
#3 | Domo | 01/06/06 | 15:34:25| Site
[2] Neboj, naucim je html a pustim se do stylu
#4 | Onecar | 01/06/06 | 15:49:56
To budeme takhle projíždět všechny tagy??
#5 | Zephyr | 01/06/06 | 15:54:15| Site
priste bude <br>
#6 | Domo | 01/06/06 | 15:58:33| Site
[5] už bylo, mno dobře, příště jich do toho dám víc
#7 | mommek | 01/06/06 | 16:04:01
souhlas...dej do jednoho tut aspoň pár tagu..takhle by těch tutu bylo nespočet...
jinka pro začatečníky dobré..
mužeš udělat tut na nejčastější chyby w html...:)
#8 | nesta | 13/09/06 | 18:56:55
No neni to tu nic moc .... toto vsetko som sa nucil za par dni