Zoznamy a číslovania na stránke

Úvod

Zoznamy na stránke sa vytvárajú hlavne kvôli organizácii stránky. Použitie a vlastnosti sú podobné ako v MS Word. Zoznamy vytvoríme dvoma elementmi, z ktorých jeden definuje typ zoznamu a druhý označuje položky v zozname. Text v položke môžu byť slová, vety a iné tagy. Každá položka <li>; sa zobrazuje na novom riadku prehliadača. Typy zoznamov rozdeľujeme na dva druhy.

Prvý je zoznam z odrážkami(bulleted) a druhý je zoznam pomocou číslovania(numbered) 1.2.3... . Zoznamy s číslovaním sa vytvárajú elementom <ol> a zoznamy s odrážkami s elementom <ul>. Do každého typu zoznamu musíme vložiť minimálne 2 položky <li>. Elementy <ul>, <ol> a <li> sú kontajnerové elementy a preto ich treba uzatvárať.

Príklad číselného zoznamu:

<ol>
<li>Položka 1</li>
<li>Položka 2</li>
<li>Položka 3</li>
</ol>

Položka 1
Položka 2
Položka 3

Príklad odrážkového zoznamu:

<ul>
<li>Položka 1</li>
<li>Položka 2</li>
<li>Položka 3</li>
</ul>

Položka 1
Položka 2
Položka 3

Ako asi každé zoznamy môžu mat aj internetové zoznamy v podobe tagov svoje podzoznamy. Vytvárame ich jednoducho vložením ďalšieho zoznamu. Ale treba si robiť dobrú úpravu aby ste sa v tom vyznali kde končí hlavný zoznam a kde podzoznam. A takto isto sa dá vytvárať ďalšie a ďalšie podzoznamy.

Príklad podzoznamu:

<ol>
   <li>Položka 1</li>
   <li>Položka 2
     <ol>
     <li>Položka 2.1</li>
     <li> Položka 2.2</li>
     <li> Položka 2.3</li>
     </ol>
   </li>
   <li> Položka 3</li>
</ol>

Položka 1
Položka 2
- Položka 2.1
- Položka 2.2
- Položka 2.3
Položka 3

Atribúty číselných zoznamov

Väčšina atribútov v zoznamoch na stránke sa upravujú v CSS štýle. Ale predsa je aj zopár atribútov ktoré môžeme nastaviť v HTML kóde priamu cez atribúty, sú to start, value a type. Atribút start nastavuje od akého čísla sa má zoznam začať číslovať. Základná hodnota je nastavená na 1.

Príklad atribútu strart:

<ol start="10">

Ak chceme začať počítať od čísla 1 po položke 2 tak v 3 položke musíme k tomu použiť atribút value a nie start lebo atribút start platí pre celý zoznam a atribút value platí od zadania po koniec.

Príklad atribútu value:

<ol>
<li>Položka 1</li>
<li>Položka 2</li>
<li value="1">Znovapoložka 1</li>
<li>Znovapoložka 2</li>
</ol>

Položka 1
Položka 2
Znovapoložka 1
Znovapoložka 2

Na koniec je tu najdôležitejší atribút a tým je atribút type. Základná hodnota atribútu type je l číže číslice. Atribút type nám mení štýl číslovania zo základného na rôzne iné ako napríklad:

<ol type="A">(Velké )Velké písmeno
<ol type="a">Malé písmeno
<ol type="I">Velké rímske císlo
<ol type="i">Malé rímske císlo
<ol type="1(jednotka)">Císlice

Atribúty odrážkových zoznamov

U atribútov odrážkových zoznamov platí to isté len sa zmenia hodnoty v atribúte type. Atribúty start a value sú v tomto prípade zbytočné. Pozor v každom prehliadači odrážky vyzerajú inak.

<ul type="A">Plné koliesko
<ul type="a">Plný štvorcek
<ul type="I">Prázdny štvorcek

Partneri:

Horoscope