Listor

1. Allmänt om listor

I HTML finns några inbyggda kommandon för listor, som är mycket användbara. En uppställning blir mycket mer lättläst om den skrivs som en lista, i stället för att skrivas som vanlig text. Här är ett exempel på det:

Det finns tre huvudgrupper av listor: punktlistor, numrerade listor och definitionslistor. Dessa kan dessutom blandas på olika sätt.

Skriver vi detta som en punktlista får vi en mycket mer lättläst layout:

Det finns tre huvudgrupper av listor:

• punktlistor
• numrerade listor
• definitionslistor

Dessa kan dessutom blandas på olika sätt

2. Punktlistor

<UL> </UL>

där UL betyder 'unordered list'. Varje post anges med elementet <LI>, som inte behöver någon avslutning, eftersom det är underförstått att en ny <LI> avslutar en tidigare post.

<UL>
<LI>Platon
<LI>Aristoteles
<LI>Moore
<LI>Wittgenstein
</UL>

ger följande lista:

• Platon
• Aristoteles
• Moore
• Wittgenstein

Tips!
Du kan öka avståndet mellan de olika posterna med hjälp av <P>. Det kan också användas för att skapa nya stycken under en post.

En lista kan också ges olika nivåer:

<UL>
<LI>Grekiska filosofer
<UL>
<LI>Platon
<LI>Aristoteles
</UL>
<LI>Cambridgefilosofer
<UL>
<LI>Moore
<LI>Wittgenstein
</UL>
</UL>

ger följande lista:

• Grekiska filosofer
  • Platon
  • Aristoteles
• Cambridgefilosofer
  • Moore
  • Wittgenstein

Symbolerna framför de olika posterna på listan kan ändras (i vissa webbläsare) med attributet 'type' och något av värdena circle, square, disc eller star, t.ex:

<UL>
<LI type="circle">Platon
<LI type="square">Aristoteles
<LI type="disc">Moore </UL>

som blir:

• Platon
• Aristoteles
• Moore

Tips!
Du kan skapa enkla listor bara genom att sätta en punkt framför texten och sedan använda radbrytningar m.h.a <BR>:

. Morötter
. Kålrötter
. Svartrötter

3. Numrerade listor

<OL> </OL>

är elementen som används här. Samma principer som föregående för enkla listor och listor med flera nivåer, men posterna numreras nu i stället. Man kan numrera på olika sätt med hjälp av 'type': type="1" är default, men skriver man "I" får man en lista som numreras med romerska siffror; "A" ger en lista med A, B, C, osv; "a" ger a, b, c, osv; "i" ger en lista med i, ii, iii, osv. (Observera att detta dock inte alltid fungerar i alla webbläsare!)

Här är ett enkelt exempel:

<OL>
<LI>Moore
<LI>Russell
</OL>

som blir:

1. Moore
2. Russell

Markeringen <START=3> används om man vill att listan skall börja från en viss siffra:

<OL start=3>
<LI>Moore
<LI>Russell
</OL>

som blir:

3. Moore
4. Russell

4. Definitionslistor

För definierade listor (eller definitionslistor) använder man tre olika slags element:

<DL> </DL>

anger att listan skall definieras.

<DT>

för den term som skall definieras.

<DD>

för den definition som skall införas. Nedan följer ett exempel:

<DL>
<DT>Rundfiskar
<DD>t.ex makrill och tonfisk
<DT>Plattfiskar
<DD>t. ex rödspotta och sandskädda
</DL>

som ger

Rundfiskar

t.ex makrill och tonfisk

Plattfiskar

t. ex rödspotta och sandskädda

Tips!
Om termerna som skall definieras är korta kan man använda attributet compact, som gör listan mer kompakt. Skrivs <DL compact>.

5. Blandade listor

Man kan även kombinera de här olika listorna, för att få fram blandade listor:

<UL>
<LI>Grekiska filosofer
 <OL>
 <LI>Platon
 <LI>Aristoteles
 </OL>

<P><LI>Cambridgefilosofer
 <OL>
 <LI>Moore
 <LI>Wittgenstein
 </OL>
</UL>

som ger:

• Grekiska filosofer
  1. Platon
  2. Aristoteles

• Cambridgefilosofer
  1. Moore
  2. Wittgenstein