Základy HTML/XHTML
Info: obsah těchto stránek byl vytvořen v roce 2018, takže některé informace již jsou zastaralé, i když všeobecné základy jsou stále platné
Formátované seznamy
Seznamy mají v životě i HTML široké použití a existuje několik typů seznamů:
- seznamy neuspořádané
- seznamy uspořádané
- seznamy definicí
Tag UL
Definuje neuspořádaný seznam.
<![CDATA[
<ul>
položka seznamu
</ul>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<ul type="disc">
* atribut definuje tvar úvodní odrážky
type="disc" - plná tečka - implicitně
type="circle" - kolečko
type="square" - čtvereček
* další atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Tag OL
Definuje uspořádaný seznam.
<![CDATA[
<ol>
položka seznamu
</ol>
<ol>
<li>text</li>
<li>text</li>
<li>text</li>
</ol>
<ol type="disc">
* atribut definuje tvar úvodní odrážky
type="1" - arabské číslovky (1, 2, 3, ...) - implicitně
type="I" - římské číslovky, velká písmena (I, II, III, ...)
type="i" - římské číslovky, malá písmena (i, ii, iii, ...)
type="A" - velká pímena (A, B, C, ...)
type="a" - malá písmena (a, b, c, ...)
* atribut pro nastavení počáteční hodnoty číslování
start="5" - začne od 5, implicitně 1
* další atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Tag LI
Definuje položku seznamu.
<![CDATA[
<li>
obsah položky
</li>
<li>text</li>
<li type="1" value="5">text</li>
* atribut pro změnu typu odrážky
type="1" - nelze kombinovat typy pro uspořádaný a neuspořádaný seznam
* atribut pro změnu pořadí, přeskočení několika čísel - jen pro uspořádané seznany
value="5"
* další atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Vnořené seznamy
Seznamy se mohou navzájem vnořovat.
Pokud bude vnořen neuspořádaný seznam a nebude nastaven atribut type, prohlížeč doplní různé odrážky. Většinou posloupnost plný kroužek, kolečko, čtvereček a to se dále opakuje.
V uspořádaném seznamu je možné kombinovat různé hodnoty atributu type.
Také je možné navzájem vnořovat uspořádaný a neuspořádaný seznam.
Tag DL
Používá se pro seznam definicí.
<![CDATA[
<dl>
seznam definic
</dl>
<dl>
<dt>pojem (výraz, termín)</dt>
<dd>definice (popis, vysvětlení) pojmu</dd>
<dt>pojem (výraz, termín)</dt>
<dd>definice (popis, vysvětlení) pojmu</dd>
</dl>
* atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Tag DT
Používá se ve spojení s tagem <dl> a zapisuje se do ní pojem (výraz, termín) a musí být vždy před tagem <dd>.
<![CDATA[
<dt>pojem (výraz, termín)</dt>
* atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Tag DD
Používá se ve spojení s tagem <dl> a zapisuje se do ní definice (popis, vysvětlení) pojmu (výrazu, termínu) a musí být vždy za tagem <dt>.
<![CDATA[
<dd>definice (popis, vysvětlení)</dt>
* atributy
class - třída stylu
style - přímo vložený styl
lang - jazyk
dir - směr psaní textu
title - označení
id - označení, použitelné jako odkaz ve skriptech
title - označení
událostní atributy typu on...
]]>
Použití seznamů
Neuspořádané seznamy
- seznam odkazů
- bloky textu bez pořadí
Uspořádané seznamy
- obsah
- posloupnost instrukcí
- bloky textu s definovanou posloupností
Seznam definic
- slovníček pojmů
- uživatelem definované odrážky
- seznam dvojic - pojem/definice
Tag DIR
Definice neuspořádaného seznamu. Požívala se pro zobrazení seznamu adresářů. Nyní se nedoporučuje používat.
Tag MENU
Definice neuspořádaného seznamu. Požívala se pro zobrazení nabídky odkazů. Nyní se nedoporučuje používat.