PassagenHjälp « Tillbaka till förstasidan




Passagens HTML-guide: Listor i ett HTML-dokument


Det finns tre olika sorters listor som är intressanta att titta på. Det är Ordered lists, Unordered lists och Definition lists.

Ordered lists

Ordered list är en numrerad lista. Numreringen består vanligen av 1, 2, 3,...Dess tagg är:

<OL>

Man börjar listan med denna tagg, och sen, för varje ny "listentry", varje ny punkt, så kommer taggen:

<LI>

Listan avslutas naturligtvis med:

</OL>

Ett exempel:

<OL>
<LI> Spaghetti
<LI> Ris
<LI> Potatis
</OL>

ser ut såhär:
  1. Spaghetti
  2. Ris
  3. Potatis


Om du vill ändra typen för numrering så gör du det med hjälp av TYPE.

<OL TYPE=A>

Ett exempel:

<OL TYPE=A>
<LI> Ett
<LI> Två
<LI> Tre
</OL>

ser ut såhär:

  1. Ett
  2. Två
  3. Tre


Olika typer som du kan ange här är: A, a, I, i , vilket ger listor som ser ut såhär:

  1. Ett
  2. Två
  3. Tre
  1. Ett
  2. Två
  3. Tre
  1. Ett
  2. Två
  3. Tre
  1. Ett
  2. Två
  3. Tre

Det finns ett tillägg till att använda sig av i ordered lists, och det är kommandot START. Det kommandot använder du om du vill att listan ska börja på ett speciellt nummer. Om du vill ha en lista som börjar med 7, så skriver du taggen:

<OL START=7>

Ange alltid en siffra när du anger med vilket nummer din lista ska börja, din web-läsare byter ut siffran mot motsvarande tecken beroende på vilken TYPE du har på din lista.

Unordered lists

Det här är en lista med punkter framför varje ny "listentry" , punkt på listan. Taggen för den här listan är:

<UL>

För varje ny punkt på listan, så anger du, precis som med ordered lists, taggen:

<LI>

Listan avslutas med:

</UL>

Ett exempel:

<UL>
<LI> Ett
<LI>Två
<LI> Tre
</UL>

ger en lista som ser ut såhär:

  • Ett
  • Två
  • Tre


Om du vill ha en lista med olika nivåer (se nedan),

  • Första nivån
    • Andra nivån
      • Tredje nivån
    • Andra nivån igen


så gör du helt enkelt en lista i listan. Taggarna för listan här ovanför ser ut så här:

<UL>
<LI> Första nivån
<UL>
<LI> Andra nivån
<UL>
<LI> Tredje nivån
</UL>
<LI> Andra nivån igen
</UL>
</UL>

Som du ser så får de olika nivåerna olika utseende på punkterna framför varje ny listpunkt. För att förbigå detta kan man använda sig av kommandot:

<UL TYPE=DISC>

Ovanstående tagg ger en lista med bara fyllda punkter på varje nivå. Om du bara vill ha cirklar, så skriver du <UL TYPE=CIRCLE>, och om du bara vill ha fyrkanter, så skriver du <UL TYPE=SQUARE>. Man kan också ändra utseende för bara en listpunkt, och då använder man taggen:

<LI TYPE=SQUARE>

Definition lists

Definition lists ser lite annorlunda ut. Startkommandot för den här listan är:

<DL>

För varje ny punkt på listan krävs två kommandon, det första är:

<DT> för title

och det andra är:

<DD> för definition.

Om du skriver en lista med de här taggarna:

<DL>
<DT> Punkt nummer ett
<DD> Här står det vad punkt nummer ett handlar om.
<D > Punkt nummer två
<DD> Här står det vad punkt nummer två handlar om.
<DT> Punkt nummer tre
<DD> Här står det vad punkt nmmer tre handlar om.
</DL>

så kommer den att se ut så här:

Punkt nummer ett
Här står det vad punkt nummer ett handlar om.
Punkt nummer två
Här står det vad punkt nummer två handlar om.
Punkt nummer tre
Här står det vad punkt nmmer tre handlar om.


Det finns även något som heter Directory list och Menu list, men det tar vi inte upp här. Vill du läsa mer om dem?





Passagen Hjälp:  Abuse  Chat  Debatt  Driftinfo  Hemsida  Dejting  Medlemskap  Mejl