logo

HTML-lister

HTML-lister brukes til å spesifisere lister med informasjon. Alle lister kan inneholde ett eller flere listeelementer. Det finnes tre forskjellige typer HTML-lister:

  1. Ordnet liste eller nummerert liste (ol)
  2. Uordnet liste eller punktliste (ul)
  3. Beskrivelsesliste eller definisjonsliste (dl)

Merk: Vi kan lage en liste i en annen liste, som vil bli betegnet som nestet liste.


HTML-ordnet liste eller nummerert liste

I de ordnede HTML-listene er alle listeelementene merket med tall som standard. Det er også kjent som nummerert liste. Den bestilte listen starter med

    tag og listeelementene begynner med
  1. stikkord.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
Test det nå

Produksjon:

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

Klikk her for full informasjon om HTML-bestillingslisten. HTML-ordnet liste


HTML uordnet liste eller punktliste

I HTML Uordnet liste er alle listeelementene merket med punkttegn. Det er også kjent som punktliste. Listen Uordnet begynner med

    tag- og listeelementer begynner med
  • stikkord.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
Test det nå

Produksjon:

  • Væren
  • Bingo
  • Leo
  • Oracle

Klikk her for full informasjon om HTML-liste over uordnet. HTML uordnet liste


HTML-beskrivelsesliste eller definisjonsliste

HTML-beskrivelsesliste er også en listestil som støttes av HTML og XHTML. Det er også kjent som definisjonsliste der oppføringer er oppført som en ordbok eller leksikon.

Definisjonslisten er veldig passende når du ønsker å presentere ordliste, begrepsliste eller annen navneverdiliste.

HTML-definisjonslisten inneholder følgende tre tagger:

  1. stikkord
    definerer starten på listen.
  2. stikkord
    definerer et begrep.
  3. stikkord
    definerer begrepet definisjon (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 nå

Produksjon:

Væren
-Et av de 12 horoskoptegnet.
Bingo
-En av kveldssnacksene mine
Leo
-Det er også et av de 12 horoskoptegnet.
Oracle
-Det er et multinasjonalt teknologiselskap.

Klikk her for full informasjon om HTML-beskrivelseslisten. HTML-beskrivelsesliste


HTML Nested List

En liste i en annen liste kalles nestet liste. Hvis du vil ha en punktliste i en nummerert liste, vil en slik type liste kalles nestet 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 nå

Produksjon:

HTML-lister

Støtter nettlesere

Element chrome nettleserChrome dvs. nettleserDVS nettleseren firefoxFirefox opera nettleserOpera safari nettleserSafari
JaJaJaJaJa