Du skapar listor med hjälp av taggen <UL>. För att få en punktlista lägger man till <LI> efter taggen <UL>. Jag ska visa.

<UL>
<LI>Första punkten
<LI>Andra punkten
<LI>Tredje punkten ... osv
</UL>

• Första punkten
• Andra punkten
• Tredje punkten ... osv

Du kan själv påverka hur punkten ska se ut med attributet TYPE=. Nedan följer vilka olika punkter som finns.

• En vanlig punkt
  <UL TYPE=DISC> ... </UL>

• En cirkel som punkt
  <UL TYPE=CIRCLE> ... </UL>

• En fyrkant som punkt
  <UL TYPE=SQUARE> ... </UL>

Du kan även få olika nivåer i en onumrerad lista. Ta en titt neda så förstår du nog vad jag menar. Observera att punkten få olika utseende vid olika nivåer i Netscape.

• Första punkten, första nivån.
  • Andra punkten, andra nivån.
    • Tredje punkten, tredje nivån ... osv

HTML-koden ser ut så här,

<UL>
<LI>Första punkten, första nivån.
<UL>
<LI>Andra punkten, andra nivån.
<UL>
<LI>Tredje punkten, tredje nivån ... osv
</UL>
</UL>
</UL>

Vill du ha en numrerad lista byter man ut <UL> mot <OL> och blir också tvungen att byta sluttagg till </OL>.

<OL>
<LI>Första punkten</LI>
<LI>Andra punkten</LI>
<LI>Tredje punkten ... osv</LI>
</OL>

1. Första punkten
2. Andra punkten
3. Tredje punkten ... osv

Vill man att listan ska börja på exempelvis 10 så lägger man in attributet START=10 efter likamedtecknet skriver du siffran som du vill att listan ska börja med.

<OL START=10>
<LI>Första punkten
<LI>Andra punkten
<LI>Tredje punkten ... osv
</OL>

10. Första punkten
11. Andra punkten
12. Tredje punkten ... osv

Vill du ha bokstäver istället för siffror skriver du in attributet TYPE=A eller TYPE=a, stora bokstäver respektive små.

<OL TYPE=A>
<LI>Första punkten
<LI>Andra punkten
<LI>Tredje punkten ... osv
</OL>

1. Första punkten
2. Andra punkten
3. Tredje punkten ... osv

Du kan även få romerska siffror, se exempel.

Du kan kombinera dessa listor som du själv vill. Som du kanske redan har räknat ut kan du sätta in en onumrerad lista inuti en numrerad lista eller tvärtom. Jag ska visa.

• Första punkten.
  1. Första numrerade underpunkten .. osv.
• Andra punkten.
  1. Andra numrerade underpunkten .. osv.

eller varför inte tvärtom,

1. Första numrerade punkten.
   • Första underpunkten.
2. Andra numrerade punkten.
   • Andra underpunkten.

<UL>
<LI>Första punkten.
<OL>
<LI>Första numrerade underpunkten .. osv.
</OL>
<LI>Andra punkten.
<OL>
<LI>Andra numrerade underpunkten .. osv.
</OL>
</UL>

Respektive,

<OL>
<LI>Första numrerade punkten.
<UL>
<LI>Första underpunkten.
</UL>
<LI>Andra numrerade punkten.
<UL>
<LI>Andra underpunkten.
</UL>
</UL>

Du skapar en definitions lista med taggen <DL>.

Titeln.

Definitionen.

Koden för denna definitions lista ser ut så här,

<DL>
<DT>Titeln
<DD>Defintionen
</DL>

Sluttagen för <DT> och <DD> är valfri. Du kan kombinera definitionslistan med varandra genom att placera nya listor inom själva huvudlistan och på så sätt få flera nivåer. Samma grundtanke som i anvsnittet kombinerade listor i olika nivåer.