Seznamy

Seznamy automaticky odsazují každý řádek, nebo přidávají číslo, písmeno nebo odrážku.

Odrážky

To jsou čtverečky, kolečka.

<ul>
	<li type="square">čtvereček jako odrážka</li>
	<li type="circle">kolečko jako odrážka</li>
	<li type="disc">plné kolečko jako odrážka</li>
</ul>
  • atribut type určuje typ odrážky
  • tento atribut může být uveden u tagu <ul> a pak bude platit pro všechny položky
  • pomocí stylů je možné odrážky nabarvit

Číslovaný, písmenkovaný seznam

Tag <ol> funguje stejně jako <ul>, ale neumožňuje použití odrážek. Naopak umožňuje automaticky číslovat položky seznamu

<ol>
	<li type="1">čtvereček jako odrážka</li>
	<li type="a">kolečko jako odrážka</li>
	<li type="A">plné kolečko jako odrážka</li>
	<li type="i">plné kolečko jako odrážka</li>
	<li type="I">plné kolečko jako odrážka</li>
</ol>

Seznam, který nezačíná od jedničky

Atribut start="číslo" uvádí jakým číslem má seznam zažít.

Noření seznamů

Seznamy mohou být zanořovány do jiných. Tím dosáhnete logického odsazení. Místo jedné ponožky vložíte seznam. Takhle to může vypadat:

Seznam a CSS

S CSS můžete použít jako odrážky obrázky. Možná vás napadne proč to neudělat normálně takhle:

Pokud nepoužijete seznam
bude obrázek takto obtékán a to už má k přehlednému seznamu daleko.

  • Nyní jsme u tagu <ul> použili styl:
    style="list-style-image: URL('../_img/seznam.gif')>

Definiční list

Jde pouze o odsazení.

<dl>
	<dt>HTML</dt>
	<dd>značkovací jazyk</dd>
	<dt>PHP</dt>
	<dd>programovaní jazyk</dd>
</dl>
dt - je vysvětlovaný pojem
dd - vysvětlení (je odsazeno od okraje)
tag dl má atribut compact (bez hodnoty)
Pokud jej použijete definice i pojem budou na jednom řádku

Další: Formuláře



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama