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

Navigace