Aktuality:
1.11.2009 - spuštěna nová verze webu.

Dnes je Přidat k oblíbeným

Seznamy v HTML

Nečíslovaný seznam- odrážky


nova online Seznam s odrážkami se definuje pomocí párového tagu <ul> </ul>(unordered list). Jednotlivé položky seznamu se uvozují párovým tagem <li> </li>.
Obsah lekce<br>
<ul>
<li>nečíslovaný seznam</li>
<li>číslovaný seznam</li>
<li>seznam definic</li>
</ul>
Výsledek:
Obsah lekce
  • nečíslovaný seznam
  • číslovaný seznam
  • seznam definic


Seznamy do sebe lze libovolně vnořovat.

<ul>
<li>nečíslovaný seznam
<ul>
<li>příkaz ul</li>
<li>příkaz li</li>
<li>vnořování seznamů</li>
</ul></li>
<li>číslovaný seznam</li>
<li>seznam definic</li>
</ul>
Výsledek:
  • nečíslovaný seznam
    • příkaz ul
    • příkaz li
  • číslovaný seznam
  • seznam definic

Číslovaný seznam


 Syntaxe a pravidla jsou úplně stejná jako u nečíslovaného s tím rozdílem, že číslovaný seznam je uvozen párovým tagem <ol></ol>. Pro lepší pochopení této problematiky uvádím poněkud složitější příklad.
<ol>
<li> Biblické postavy
<ul>
<li>Abraham</li>
<li>Apoštol Pavel</li></ul>
</li>
<li> Prezidenti USA
<ol>
<li>Thomas Jefferson</li>
<li>George Walker Bush</li></ol>
</li>
<li> Fotbalisté Slovanu Liberec
<ul>
<li>Útočníci
<ul><li>Jan Nezmar</li> <li>Winston Parks</li></ul> </li>
<li>Brankáři</li>
</ul></li>
</ol>
Výsledek:
  1. Biblické postavy
    • Abraham
    • Apoštol Pavel
  2. Prezidenti USA
    1. Thomas Jefferson
    2. Kekel Walker Bush
  3. Fotbalisté Slovanu Liberec
    • Útočníci
      • Jan Nezmar
      • Winston Parks
    • Brankáři
TagPárovýVýznamAtributy
ulpárovýNečíslovaný seznamtype="disk | circle | square"- vzhled grafických symbolů, zahajujících položky seznamu (plné tečky, prázdná kolečka, čtverečky)
align="center | left | right | justify" Zarovnání položek seznamu
olpárovýČíslovaný seznamtype="a | A | i | I | 1" způsob číslování položek seznamu (a malými písmeny abecedy; A velkými písmeny abecedy; i římskými číslicemi (malá písmena); I římskými číslicemi (velká písmena); 1 arabskými číslicemi (implicitní))
align="center | left | right | justify"
lipárovýPoložka seznamutype="disk | circle | square | a | A | i | I | 1" vzhled grafických symbolů zahajujících položky seznamu , další platí jen pro číslované seznamy (a číslovaní pomocí malých písmen abecedy; A číslování pomocí velkých písmen abecedy; i číslování pomocí římských číslic (malá písmena); I číslování pomocí římských číslic (velká písmena); 1 číslování číslicemi (implicitní))
align="center | left | right | justify"
Design a kód Kookie © 2009 | Nahoru| O webu | Televize online | TV online
Základy jazyka HTML Strukturování textů Formátování textu Tvorba seznamů Tvorba odkazů Grafika stránek Barvy na webu Tvorba tabulek Tvorba rámců Tvorba formulářů Neutrální tagy Vývoj HTML- XHTML Úvod do CSS Zápis CSS a propojení s HTML Selektory Výstupní zařízení Dědičnost a kaskáda Typy prvků v CSS Kompletní přehled CSS vlastností Rozdílný vzhled v prohlížečích Délkové jednotky v CSS Ořezávání a posun Obtékání Absolutní pozicování v CSS Relativní pozicování v CSS Layout absolutním pozicováním Layout relativním pozicováním Pokročilý layout - tzv. Svatý grál Nechte své stránky vydělávat! Jak zvýšit návštěvnost Seznam katalogů PHP - dynamické stránky Javascript