HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

HTML uspořádané seznamy


HTML <ol>tag definuje seřazený seznam. Seřazený seznam může být číselný nebo abecední.


Objednaný seznam HTML

Seřazený seznam začíná <ol>značkou. Každá položka seznamu začíná <li>značkou.

Položky seznamu budou standardně označeny čísly:

Příklad

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Uspořádaný seznam HTML - Atribut typu

Atribut typeznačky <ol>definuje typ značky položky seznamu:

Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

čísla:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Velká písmena:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Malá písmena:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Velká římská čísla:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Malá římská čísla:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>


Počítání kontrolního seznamu

Ve výchozím nastavení se uspořádaný seznam začne počítat od 1. Pokud chcete začít počítat od zadaného čísla, můžete použít startatribut:

Příklad

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Vnořené seznamy HTML

Seznamy lze vnořovat (seznam uvnitř seznamu):

Příklad

<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

Poznámka: Položka seznamu ( <li>) může obsahovat nový seznam a další prvky HTML, jako jsou obrázky a odkazy atd.


Shrnutí kapitoly

  • Element HTML použijte <ol>k definování uspořádaného seznamu
  • Použít HTML typeatribut definovat typ číslování
  • Element HTML použijte <li>k definování položky seznamu
  • Seznamy lze vnořovat
  • Položky seznamu mohou obsahovat další prvky HTML

Značky seznamu HTML

Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list

Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .