logo

HTML-listor

HTML-listor används för att specificera listor med information. Alla listor kan innehålla ett eller flera listelement. Det finns tre olika typer av HTML-listor:

  1. Ordnad lista eller numrerad lista (ol)
  2. Oordnad lista eller punktlista (ul)
  3. Beskrivningslista eller definitionslista (dl)

Notera: Vi kan skapa en lista i en annan lista, som kommer att kallas kapslad lista.


HTML-ordnad lista eller numrerad lista

I de ordnade HTML-listorna är alla listobjekt markerade med siffror som standard. Det är också känt som numrerad lista. Den beställda listan börjar med

    taggen och listobjekten börjar med
  1. märka.

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

Produktion:

  1. Väduren
  2. Bingo
  3. Leo
  4. Orakel

Klicka här för fullständig information om beställda HTML-listan. HTML beställd lista


Oordnad HTML-lista eller punktlista

I HTML Oordnad lista är alla listobjekt markerade med punkter. Det är också känt som punktlista. Listan Oordnade börjar med

    tagg och listobjekt börjar med
  • märka.

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

Produktion:

  • Väduren
  • Bingo
  • Leo
  • Orakel

Klicka här för fullständig information om listan över oordnad HTML. HTML oordnad lista


HTML-beskrivningslista eller definitionslista

HTML-beskrivningslista är också en liststil som stöds av HTML och XHTML. Det är också känt som definitionslista där poster listas som en ordbok eller uppslagsverk.

Definitionslistan är mycket lämplig när du vill presentera ordlista, termlista eller annan namn-värdeslista.

HTML-definitionslistan innehåller följande tre taggar:

  1. märka
    definierar början på listan.
  2. märka
    definierar en term.
  3. märka
    definierar termen definition (beskrivning).
 <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> 
Testa det nu

Produktion:

Väduren
-Ett av de 12 horoskoptecknen.
Bingo
-En av mina kvällssnacks
Leo
-Det är också ett av de 12 horoskopet.
Orakel
-Det är ett multinationellt teknikföretag.

Klicka här för fullständig information om HTML-beskrivningslistan. HTML-beskrivningslista


HTML kapslad lista

En lista i en annan lista kallas kapslad lista. Om du vill ha en punktlista i en numrerad lista kommer en sådan typ av lista att kallas kapslad lista.

Koda:

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

Produktion:

HTML-listor

Stöd för webbläsare

Element Chrome webbläsareKrom dvs webbläsareIE Firefox webbläsareFirefox opera webbläsareOpera safari webbläsareSafari
JaJaJaJaJa