HTML pre začiatočníkov - zoznamy, 6.diel

Ako tvoriť zoznamy v HTML a aké typy zoznamov môžeme kde použiť vám napovie tento diel seriálu.

Na zoznamy v HTML používame tagy <ul>, <ol> a <dl>. Podľa poradia sú to zoznamy nečíslované, číslované a definičné.

Zoznamy nečíslované sa zapisujú nasledovne:

<ul>

<li>Záznam 1</li>

<li>Záznam 2</li>

<li>Záznam 3</li>

</ul>

Výsledok:

Záznam 1
Záznam 2
Záznam 3

Ako vidíte tag <ul> nám definoval typ zoznamu a tag <li>, je záznam v zozname. Počet záznamov <li> je neobmedzený, takže to znamená, že ich môžete použiť pre web akokoľvek veľa. Podobne to platí aj pre väčšinu ostatných tagov, pretože HTML v podstate obmedzené nieje. Číslované zoznamy a ich zápis vyzerá nasledovne:

<ol>

<li>Záznam 1</li>

<li>Záznam 2</li>

<li>Záznam 3</li>

</ol>

Výsledok:

Záznam 1
Záznam 2
Záznam 3

Môžete si všimnúť, že tento zoznam radí záznamy podľa očíslovania. Posledný zoznam je definičný. Používa sa na definovanie/vysvetlenie nejakého termínu. Na zápis zoznamu používame tag <dl>. Zápisný tag na určenie termínu je <dt> resp. je to definičný termín. Následne jeho vysvetlenie je <dd> čiže popis definície. Celý zápis definičného typu zoznamu je trochu odlišný od tých ostatných ale predsa je to zoznam.

<dl>

<dt>Termín 1</dt>

<dd>Toto je popis 1. termínu</dd>

<dt>Termín 2</dt>

<dd>Toto je popis 2. termínu</dd>

<dt>Termín 3</dt>

<dd>Toto je popis 3. termínu</dd>

</dl>

Výsledok:

Termín 1
Toto je popis 1. termínu
Termín 2
Toto je popis 2. termínu
Termín 3
Toto je popis 3. termínu

I keď sa vám budú zdať tieto zoznamy hlúpe a zbytočné určite to tak nieje. Bezčíselný zoznam sa dá použiť aj ako menu a ostatné sú rovnako použiteľné ale iba v okolnostiach o aký typ vašej požiadavky ide a musíte uvážiť aj to čo od vašej stránky/HTML vlastne občakávate.

Nabudúce si niečo povieme o iframe.

Alternatívne verzie:

Autor: PaBi3 · Kategória: Webdesign · Dátum: 10.05.2005 14:49