logo

HTML listák

A HTML listák az információs listák megadására szolgálnak. Minden lista tartalmazhat egy vagy több listaelemet. Három különböző típusú HTML-lista létezik:

  1. Rendezett lista vagy számozott lista (ol)
  2. Rendezetlen lista vagy felsorolásjeles lista (ul)
  3. Leíráslista vagy definíciós lista (dl)

Megjegyzés: Létrehozhatunk egy listát egy másik listán belül is, amelyet beágyazott listának nevezünk.


HTML rendezett lista vagy számozott lista

A rendezett HTML-listákban alapértelmezés szerint minden listaelem számmal van megjelölve. Számozott listaként is ismert. A rendezett lista ezzel kezdődik

    címke és a listaelemek ezzel kezdődnek
  1. címke.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
Tesztelje most

Kimenet:

  1. Kos
  2. Bingó
  3. Oroszlán
  4. Jóslat

Kattintson ide a HTML rendezett lista részletes részleteiért. HTML rendezett lista


HTML rendezetlen lista vagy felsorolásjeles lista

A HTML rendezetlen listában az összes listaelem felsorolásjelekkel van megjelölve. Felsorolásos listaként is ismert. A rendezetlen lista ezzel kezdődik

    címke és listaelemek a karakterrel kezdődnek
  • címke.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
Tesztelje most

Kimenet:

  • Kos
  • Bingó
  • Oroszlán
  • Jóslat

Kattintson ide a HTML rendezetlen lista részleteiért. HTML rendezetlen lista


HTML leíráslista vagy definíciós lista

A HTML Leírás lista is egy listastílus, amelyet a HTML és az XHTML támogat. Definíciós listának is nevezik, ahol a bejegyzések szótárként vagy lexikonként szerepelnek.

A definíciós lista nagyon megfelelő, ha szószedetet, kifejezéslistát vagy más név-érték listát szeretne bemutatni.

A HTML-definíciók listája a következő három címkét tartalmazza:

  1. címke
    meghatározza a lista elejét.
  2. címke
    kifejezést határoz meg.
  3. címke
    meghatározza a definíció (leírás) kifejezést.
 <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> 
Tesztelje most

Kimenet:

Kos
-A 12 horoszkóp egyik jegye.
Bingó
-Az egyik esti uzsonnám
Oroszlán
-Ez is a 12 horoszkóp egyik jegye.
Jóslat
- Ez egy multinacionális technológiai vállalat.

Kattintson ide a HTML leírások listájának teljes részleteiért. HTML leíráslista


HTML beágyazott lista

A másik listán belüli listát beágyazott listának nevezzük. Ha felsoroláslistát szeretne egy számozott listán belül, akkor az ilyen típusú listát beágyazott listának hívja.

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> 
Tesztelje most

Kimenet:

HTML listák

Támogatott böngészők

Elem chrome böngészőKróm azaz böngészőAZAZ firefox böngészőFirefox opera böngészőOpera safari böngészőSzafari
IgenIgenIgenIgenIgen