logo

HTML lister

HTML-lister bruges til at specificere lister med information. Alle lister kan indeholde et eller flere listeelementer. Der er tre forskellige typer HTML-lister:

  1. Ordnet liste eller nummereret liste (ol)
  2. Uordnet liste eller punktopstilling (ul)
  3. Beskrivelsesliste eller definitionsliste (dl)

Bemærk: Vi kan oprette en liste inde i en anden liste, som vil blive betegnet som indlejret liste.


HTML-ordnet liste eller nummereret liste

I de ordnede HTML-lister er alle listepunkter som standard markeret med tal. Det er også kendt som nummereret liste. Den bestilte liste starter med

    tag og listepunkterne starter med
  1. tag.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
Test det nu

Produktion:

  1. Vædderen
  2. Bingo
  3. Leo
  4. Oracle

Klik her for alle detaljer om HTML-bestillingsliste. HTML-ordnet liste


HTML uordnet liste eller punktopstilling

I HTML Uordnet liste er alle listeelementer markeret med punkttegn. Det er også kendt som punktopstilling. Listen Uordnet starter med

    tag- og listeelementer starter med
  • tag.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
Test det nu

Produktion:

  • Vædderen
  • Bingo
  • Leo
  • Oracle

Klik her for alle detaljer om HTML-liste over uordnet. HTML uordnet liste


HTML-beskrivelsesliste eller definitionsliste

HTML-beskrivelsesliste er også en listestil, som understøttes af HTML og XHTML. Det er også kendt som definitionsliste, hvor poster er opført som en ordbog eller encyklopædi.

Definitionslisten er meget passende, når du ønsker at præsentere ordliste, termliste eller anden navne-værdiliste.

HTML-definitionslisten indeholder følgende tre tags:

  1. tag
    definerer starten af ​​listen.
  2. tag
    definerer et begreb.
  3. tag
    definerer begrebet definition (beskrivelse).
 <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> 
Test det nu

Produktion:

Vædderen
-Et af de 12 horoskoptegn.
Bingo
-En af mine aftensnacks
Leo
-Det er også et af de 12 horoskoptegn.
Oracle
-Det er et multinationalt teknologiselskab.

Klik her for alle detaljer om HTML-beskrivelsesliste. HTML-beskrivelsesliste


HTML indlejret liste

En liste i en anden liste betegnes som indlejret liste. Hvis du vil have en punktliste inde i en nummereret liste, kaldes en sådan type liste som indlejret liste.

Kode:

 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> 
Test det nu

Produktion:

HTML lister

Understøtter browsere

Element chrome browserChrome dvs browserIE firefox browserFirefox opera browserOpera safari browserSafari
JaJaJaJaJa