Seznamy

Neuspořádaný seznam

<ul>

<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>

</ul>

Výsledkem je seznam:

HTML
CSS
JavaScript

Neuspořádaný seznam začíná tagem <ul> (unordered list), každá položka seznamu začíná <li> tagem.

Pokud chceme změnit znak položky seznamu (v příkladě výše puntík), změníme vlastnost list-style-type na jednu z následujících hodnot:

Hodnota	Popis
disc	puntík
circle	kolečko
square	čtvereček
none	bez znaku položky seznamu

<ul style="list-style-type: square">

<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>

</ul>

Uspořádaný seznam

<ol>

<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>

</ol>

Výsledkem je seznam:

HTML
CSS
JavaScript

Uspořádaný seznam začíná tagem <ol> (ordered list), každá položka seznamu začíná <li> tagem.

Pokud chceme změnit znak položky seznamu (v příkladě výše arabská čísla), změníme atribut type na jednu z následujících hodnot:

Typ	Popis
type="1"	arabská čísla
type="A"	velká písmena
type="a"	malá písmena
type="I"	veká římská čísla
type="i"	malá římská čísla

<ol type="I">

<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>

</ol>

Popisující seznam

<dl>

<dt>HTML</dt>
<dd>- značkovací jazyk</dd>
<dt>CSS</dt>
<dd>- jazyk, který popisuje, jak mají být zobrazovány HTML prvky</dd>
<dt>JavaScript</dt>
<dd>- programovací jazyk pro WWW stránky</dd>

</dl>

Výsledkem je seznam:

HTML: - značkovací jazyk
CSS: - jazyk, který popisuje, jak mají být zobrazovány HTML prvky
JavaScript: - programovací jazyk pro WWW stránky

Popisující seznam začíná tagem <dl> (description list), tag <dt> značí pojem (term) a tag <dd> popisuje pojem.

HTML, CSS