Kondenzované HTML -- příklady seznamů

Tato stránka obsahuje několik příkladů, jak vypadají různé seznamy v HTML.

Nejprve základní podoba všech tří:

neočíslovaný seznam	<ul> <li>neočíslovaný <li>seznam </ul>
očíslovaný seznam	<ol> <li>očíslovaný <li>seznam </ol>
definiční termín a jeho popis	<dl> <dt>definiční termín <dd>a jeho popis </dl>

Nyní můžeme začít přidávat různé parametry: neočíslovaný seznam může měnit tvar odrážek

neočíslovaný seznam umí čtverečky kroužky i kolečka ale to je všechno	<ul type="square"> <li>umí <li>čtverečky <li type=circle>kroužky <li type=disc>i kolečka <li>ale to je všechno </ul>
a takhle vypadá vnořený seznam	<ul type=circle> <li>a takhle vypadá <ul> <li>vnořený <li>seznam </ul> </ul>

Očíslovaný seznam umí větší kouzla:

standardní číslování je arabské, ale jde to i římskými malými a velkými čísly; ale také písmeny a to i velkými	<ol> <li>standardní číslování je arabské, ale <li type="i">jde to i římskými malými <li type="I">a velkými čísly; <li type="a">dále též písmeny <li type="A">a to i velkými </ol>
číslování nemusí začínat od 1. a dokonce se může měnit i v průběhu seznamu	<ol start=5 type="i"> <li>číslování nemusí začínat od 1. <li>a dokonce se může měnit <li value=1>i v průběhu <li>seznamu </ol>

Definiční seznam toho moc neumí, ale dá se na něm ukázat význam atributu compact, který navádi prohlížečku ke kompaktnějšímu zobrazení seznamu (atribut lze použít i u <ul> a <ol> seznamů):

myš je hlodavec pes je štěkavec žížala je soukavec pták je -- hádejte co!

<dl compact> <dt><b>myš</b> <dd>je hlodavec <dt><b>pes</b> <dd>je štěkavec <dt><b>žížala</b> <dd>je soukavec <dt><b>pták</b> <dd>je -- hádejte co! </dl>