LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> HTML (7) - seznamy

V tomto díle si probereme seznamy

22.7.2004 15:00 | Pavel Kácha | Články autora | přečteno 25437×

Seznamy by se teoreticky daly udělat i pouhým zalamováním řádků, na to máme v HTML nepárový tag <br>. Tomuto tagu můžete nastavit tyto atributy id="", class="", title="", style="", které mají stejný význam jako u ostatních elementů. Kromě toho je tu ještě atribut clear, kterým můžeme definovat, kde mají začínat další řádky, povolené hodnoty jsou

  • none (pokračovat se bude na dalším řádku)
  • left (text bude jakmile nebudou žádné objekty na levé straně dokumentu)
  • right (text bude jakmile nebudou žádné objekty na pravé straně dokumentu)
  • all (text bude jakmile nebudou žádné objekty na pravé ani levé straně dokumentu)

Atribut clear="" by se už neměl používat, v novějších verzích nebude podporován - lze ho nahradit pomocí CSS.

Takovéhle seznamy by ale nebyly ani hezké ani dobře strukturované, proto se v HTML definují speciální tagy pro vytváření několika druhů seznamů. Můžete vytvářet číslované, nečíslované a definiční seznamy.

Číslované a nečíslované seznamy

Číslované a nečíslované seznamy se vytvářejí celkem podobně, jediný rozdíl je jen v úvodním tagu. Pro číslované seznamy je určen párový tag <ol></ol> a nečíslované seznamy uzavřeme do párového tagu <ul></ul>. Jednotlivé položky seznamu uzavíráme do tagu <li></li>. Pro tento element není uvádění ukončujícího tagu povinné, ale doporučuji to.

Jednoduchý seznam linuxových distribucí by tedy mohl vypadat například takto:

<ul>
  <li>Mandrake</li>
  <li>Debian</li>
  <li>Slackware</li>
  <li>SuSE</li>
  <li>Fedora</li>
  <li>a další...</li>
</ul>

A tento kód by se zobrazil takto:

  • Mandrake
  • Debian
  • Slackware
  • SuSE
  • Fedora
  • a další...

Kdybychom vyměnili <ul></ul> za <ol></ol>, objevili by se u jednotlivých distribucí místo odrážek čísla.

Pomocí různých atributů můžeme samozřejmě pozměnit způsob zobrazovaní seznamů. Pokud nám nevyhovují standardní odrážky a číslování, můžeme ho změnit pomocí atributu type="". Jeho povolené hodnoty jsou

  • pro nečíslované seznamy
    • disc
    • circle
    • square
  • pro číslované seznamy
    1. 1 (arabské číslice)
    2. a (malá písmena)
    3. A (velká písmena)
    4. i (malé římské číslice)
    5. I (velké římské číslice)

Atribut type="" můžete použít buď pro celý seznam v otevírajícím tagu nebo u určité položky seznamu, v tom případě bude typ odrážek nebo číslování pokračovat až do konce seznamu. Atribut type="" by se ale už neměl používat a v novějších verzích standardu už nebude podporován - lze ho nahradit pomocí CSS.

U číslovaných seznamů můžete pomocí atributu start="" v otevírajícím tagu určit hodnotu, kterou má seznam začínat. Pokud jsou pro "číslování" použita písmena, bude písmeno přiřazeno podle svého pořadí v abecedě, např.: 4 --> D.

Atribut start="" by se ale už neměl používat a v novějších verzích standardu už nebude podporován - lze ho nahradit pomocí CSS.

Číselnou hodnotu položky můžete také změnit v seznamu, slouží k tomu atribut value="". Jako jeho hodnotu nastavíte číslo, kterým má seznam pokračovat, číslování následujících prvků seznamu se bude odvíjet od zadané hodnoty. Atribut value="" by se ale už neměl používat a v novějších verzích standardu už nebude podporován - lze ho nahradit pomocí CSS.

Ještě existuje jeden atribut, který by se by se v číslovaných a nečíslovaných seznamech již neměl používat: je to atribut compact. Tento atribut nemá žádnou hodnotu a pokud je uveden měl by se seznam zobrazit kompaktněji, přesná interpretace ale záleží na prohlížeči.

Kromě těchto atributů se dají pro číslované a nečíslované seznamy použít ještě tyto všeobecné atributy, jejichž význam už známe.

  • id
  • class
  • lang
  • dir
  • title
  • style
  • onclick
  • ondblclick
  • onmousedown
  • onmouseup
  • onmouseover
  • onmousemove
  • onmouseout
  • onkeypress
  • onkeydown
  • onkeyup

Jak jste si možná všimli ve výpisu hodnot atributu type="", jdou do sebe seznamy navzájem vnořovat, ale musíte při tom dát pozor, aby byl celý vnořený seznam uzavřen mezi tagy <li> a </li> nadřazeného seznamu, jinak získáte nevalidní dokument.

Definiční seznamy

Tento seznam se od obou dosud probíraných typů seznamů liší. A to nejen stylem zápisu, ale i použitím. Definiční seznam se výborně hodí na slovníček neznámých pojmů nebo mě ještě napadá třeba záznam rozhovoru přes ICQ.

Definiční seznam se označuje pomocí párového tagu <dl></dl> bez žádných dalších atributů, do kterého bude obsahovat celý seznam. Jednotlivé jeho položky mají dvě části

  1. Definovaný termín - označujeme tagem <dt></dt> ukončovací je nepovinný
  2. Definice termínu - označujeme tagem <dd></dd> ukončovací je nepovinný

<dt></dt> ani <dd></dd> nemají žádné další speciální atributy, dají se u nich použít jen tytéž všeobecné atributy jako u číslovaných a nečíslovaných seznamů.

A samozřejmě si ukážeme i příklad použití definičního seznamu:

<dl>
  <dt>MBR</dt>
  <dd>Master boot record - zaváděcí sektor disku</dd>
  <dt>DNS</dt>
  <dd>Domain name services - služby DNS, jmenné služby</dd>
</dl>

Náš malý příklad vypadá v praxi takto:

MBR
Master boot record - zaváděcí sektor disku
DNS
Domain name services - služby DNS, jmenné služby

Vidíte, že definované termíny se nezobrazily nijak výrazně, proto doporučuji si je v CSS přestylovat.

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

11.2.2018 23:11 /Petr Ježek
Hledáte lehký a rychlý prolížeč PDF souborů? Pokud vás již omrzelo čekat na načítání stránek či jiné nešvary, zkuste xreader.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze