Skicka mail till mig!

Listor

 

 

 


1. Allmänt om listor
2. Punktlistor
3. Numrerade listor
4. Definitionslistor
5. Blandade listor

 

 

 

 

 

 

 

 

1. Allmänt om listor

Upp

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

Upp

Varje lista har ett start- och ett slutelement, som talar om vilken lista som skall användas. För punktlistor (kallas även 'onumrerade listor') är kommandona:

<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 weblä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:

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

 Upp

<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 weblä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:

  1. Moore
  2. Russell

4. Definitionslistor

 Upp
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

 Upp
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

Texten är lånad från www.jonasweb.nu, men redigerad av Skicka mail till mig!.

 

 

<< Tillbaka