Tvorba webu » HTML » Seznamy v HTML

Seznamy v HTML

V HTML můžeme používat odrážkové, číselné a definiční seznamy. V praxi se však používají hlavně odrážkové a číselné seznamy.

Odrážkové seznamy

Odrážkové seznamy se uzavírají do párového tagu ul. Každá položka seznamu začíná tagem <li> a končí tagem </li>.

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

zobrazit výsledek

Standardně se odrážka zobrazuje jako kolečko, ale pomocí atributu type ji můžete změnit na čtverec nebo jiný typ.

Type

Atribut type se používá k nastavení druhu odrážky na výběr jsou tři:

• disc = puntík
• circle = kolečko
• square = obdélník

Type se může použít u ul i li.

<ul type="circle">
<li>První položka.</li>
<li>Druhá položka.</li>
<li>Třetí položka.</li>
</ul>

zobrazit výsledek

Číselné seznamy

Číselné seznamy se uzavírají mezi <ol> a </ol>.

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

zobrazit výsledek

Type

U číslovaných seznamů se atribut type používá k nastavení druhu číslic nebo písmen.

Hodnoty type:

• 1 = normální číslování
• A = velká písmena
• a = malá písmena
• I = římské číslice
• i = malé římské číslice

Type lze zapisovat u ol i li.

Start

Atribut start se používá ke změně počátečního čísla nebo písmene.

<ol type="A">
<li>První položka.</li>
<li>Druhá položka.</li>
<li>Třetí položka.</li>
</ol>
<ol type="I">
<li>První položka.</li>
<li>Druhá položka.</li>
<li>Třetí položka.</li>
</ol>

zobrazit výsledek

Definiční seznamy

Využití definičních seznamů nemusí být na první pohled zřejmé, proto jejich fungování ukazuje následující příklad.

Příklad:

<dl>
<dt>HTML</dt>
<dd>Hyper Text Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheet</dd>
</dl>

zobrazit výsledek

Reklama