logo

HTML seznamy

Seznamy HTML se používají ke specifikaci seznamů informací. Všechny seznamy mohou obsahovat jeden nebo více prvků seznamu. Existují tři různé typy seznamů HTML:

  1. Objednaný seznam nebo číslovaný seznam (ol)
  2. Neuspořádaný seznam nebo seznam s odrážkami (ul)
  3. Seznam popisů nebo seznam definic (dl)

Poznámka: Můžeme vytvořit seznam uvnitř jiného seznamu, který bude nazýván jako vnořený seznam.


HTML uspořádaný seznam nebo číslovaný seznam

V uspořádaných HTML seznamech jsou všechny položky seznamu standardně označeny čísly. Je také známý jako číslovaný seznam. Seřazený seznam začíná na

    a položky seznamu začínají na
  1. štítek.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
Otestujte to hned

Výstup:

  1. Beran
  2. Bingo
  3. Lev
  4. Věštec

Kliknutím sem zobrazíte úplné podrobnosti o seznamu objednaných HTML. HTML uspořádaný seznam


Neuspořádaný seznam HTML nebo seznam s odrážkami

V HTML Neuspořádaném seznamu jsou všechny položky seznamu označeny odrážkami. Je také známý jako seznam s odrážkami. Seznam Neuspořádaný začíná na

    značky a položky seznamu začínají na
  • štítek.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
Otestujte to hned

Výstup:

  • Beran
  • Bingo
  • Lev
  • Věštec

Kliknutím sem zobrazíte úplné podrobnosti o neuspořádaném seznamu HTML. Neuspořádaný seznam HTML


Seznam popisů HTML nebo Seznam definic

HTML Description list je také styl seznamu, který je podporován HTML a XHTML. Je také známý jako seznam definic, kde jsou položky uvedeny jako slovník nebo encyklopedie.

Seznam definic je velmi vhodný, když chcete prezentovat glosář, seznam pojmů nebo jiný seznam jmen a hodnot.

Seznam definic HTML obsahuje následující tři značky:

  1. štítek
    definuje začátek seznamu.
  2. štítek
    definuje pojem.
  3. štítek
    definuje pojem definice (popis).
 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 
Otestujte to hned

Výstup:

Beran
-Jedno z 12 znamení horoskopu.
Bingo
-Jedna z mých večerních svačin
Lev
-Je to také jedno z 12 znamení horoskopu.
Věštec
-Je to nadnárodní technologická společnost.

Kliknutím sem zobrazíte úplné podrobnosti o seznamu popisů HTML. HTML popisný seznam


Vnořený seznam HTML

Seznam v jiném seznamu se nazývá vnořený seznam. Pokud chcete seznam s odrážkami v číslovaném seznamu, bude takový typ seznamu nazýván jako vnořený seznam.

Kód:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 
Otestujte to hned

Výstup:

HTML seznamy

Podporované prohlížeče

Živel prohlížeč chromeChrome tj. prohlížečTJ prohlížeč firefoxFirefox prohlížeč operaOpera prohlížeč safariSafari
AnoAnoAnoAnoAno