Lektion 6, Listor

När du presenterar något på nätet är det högst troligt att du behöver en lista av något slag. Det finns taggar som gör det enkelt att göra olika sorters av listor.

Onumrerade listor

Onumrerade listor ordnas enkelt med taggen <UL></UL> (från engelskans Unordered List(oordnad lista)). Mellan dessa taggarna läggs de olika raderna. Varje rad ska föregås av taggen <LI>.
Det finns det olika typer av punkter att bygga upp din lista med. För att bestämma vilken typ av punkt du vill ha använder du attributet TYPE i taggen <UL>. Attributet fungerar tyvärr bara i Netscape. Du har tre olika typer att välja mellan.

På exemplet nedan syns även hur listor kan blandas.
screenshot <HTML>
<HEAD><TITLE>Exempel på listor</TITLE>
</HEAD>
<BODY>
<H3>Detta har jag i mitt skafferi</H3>
<UL TYPE="circle">
<LI>Mjöl
<UL>
<LI>Vetemjöl
<LI>Grahamsmjöl
</UL>
<LI>Kakao
<LI>Socker
</UL>
</BODY>
</HTML>

Numrerade listor

Olika former av numrerade listor startas med taggen <OL></OL> (från engelskans Ordered List (ordnad lista)). Det finns 6 olika sätt att numrera listan. Med attributet TYPE i taggen <OL> bestämmer man vilken typ av numrering man önskar.
Värde på attributet TYPE Förklaring Kod Exempel
1 Ger en lista numrerad med siffror <OL TYPE=1>
<LI>Stefan Edberg
<LI>Björn Borg
</OL>
  1. Stefan Edberg
  2. Björn Borg
A Ger en lista med stora bokstäver <OL TYPE=A>
<LI>Albanien
<LI>Belgien
</OL>
  1. Albanien
  2. Belgien
a Ger en lista med små bokstäver <OL TYPE=a>
<LI>Statsministern
<LI>Kungen
</OL>
  1. Statsministern
  2. Kungen
I Ger en lista med stora romerska siffror <OL TYPE=I>
<LI>Vara artig
<LI>Le
</OL>
  1. Vara artig
  2. Le
i Ger en lista med små romerska siffror <OL TYPE=i>
<LI>Pizza
<LI>Falukorv
</OL>
  1. Pizza
  2. Falukorv

Ändra startvärde

Attributet TYPE kan också användas i taggen <LI>. Då formatteras endast den aktuella listraden.

Om du vill ändra startvärdet på listan kan du göra detta med attributet START. En lista som ska börja på 5 kan börja så här:
<OL TYPE=1 START=5>

Göra ett hopp i listan

Du kan med attributet VALUE bestämma vilket värde raden ska få. Uppräkningen kommer sedan att fortsätta från det värde du angett.

Ett sista exempel:
screenshot <HTML>
<HEAD><TITLE>Exempel på listor</TITLE>
</HEAD>
<BODY>
<H3>Kalle tippar allsvenskan</H3>
<OL TYPE=1>
<LI>Malmö FF
<LI>AIK
<LI>Halmstad<P>
<LI VALUE=8>Degerfors
<LI>Örebro
</OL>
</BODY>
</HTML>

Huvud-
meny		 Prov på
lektionen		 Nästa
lektion