HTMLFormateringRad och styckesbytenListor och förteckningar i dokument
[ Hem ] Allmänt ASP XML SQL ADO HTML CSS VB Java Design Karta
Grunder Formatering HTML 3.2 JavaScript Säkerhet

Listor och förteckningar i dokument

Man kan skapa en stort antal olika listor med hjälp av UL, OL, MENU, och DIR element tillsammans med LI elementet. Du kan även skapa "definitionslistor" med som bildar en tvåkolumnsförteckning över saker och deras definition.

För att skapa en lista med "bullets" (bomber?) använder man UL och LI, som i det följande exemplet:

Dessa finns<UL>
<LI>Listor med "bomber"
<LI>Numrerade Listor
<LI>Förteckningar
<LI>Övriga Listor
<LI>Definitionslists
</UL>
Blir till:
Dessa finns
  • Listor med "bomber"
  • Numrerade Listor
  • Förteckningar
  • Övriga Listor
  • Definitionslists
För att skapa en numrerad list använder man OL och LI, som i det följande exemplet:
Exempel på listor<OL>
<LI>Rad ett
<LI>Rad två
<LI>Observera att listorna hålls "snygga" även om man skriver en rad som är
lägre än vad sidan är bred. Detta kan vara bra att känna till
<LI>En kort rad igen
</OL>
Blir till:
Exempel på listor
  1. Rad ett
  2. Rad två
  3. Observera att listorna hålls "snygga" även om man skriver en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till
  4. En kort rad igen
Övriga typer av listor MENU och DIR visas i de följande exemplen:
Exempel på MENU<MENU>
<LI>Rad ett
<LI>Rad två
<LI>Observera att listorna hålls "snygga" även om man skriver
en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till
<LI>En kort rad igen
</MENU>
Blir till:
Exempel på MENU
  • Rad ett
  • Rad två
  • Observera att listorna hålls "snygga" även om man skriver en rad som är lägre än vad sidan är bred. Detta kan vara bra att känna till
  • En kort rad igen
  • Exempel på DIR<DIR>
    <LI>Rad ett
    <LI>Rad två
    <LI>En kort rad igen
    </DIR>
    Blir till:
    Exempel på DIR
  • Rad ett
  • Rad två
  • En kort rad igen
  • En definitionslistasätter ett ord till vänster för att sedan dra in förklaringstexten därunder. Man använder DL för att skapa listan, DT för att ge in entt ord som skall förklaras, samt DD för själva definitionen. Nedan ses ett exempel på detta:
    <DL>
    <DT>HTML
    <DD>Ett standardiserat "språk" för att hantera WWW sidor.
    <DT>WWW
    <DD>Ett globalt system med hyperlänkade texter (och bilder).
    </DL>
    Blir till:
    HTML
    Ett standardiserat "språk" för att hantera WWW sidor.
    WWW
    Ett globalt system med hyperlänkade texter (och bilder).
    Följande modifierare finns det
    UL
    COMPACT gör radavstånden mindre. Ex UL COMPACT
    OL
    COMPACT gör radavstånden mindre. Ex OL COMPACT
    START=n Sätter startsiffran. Ex OL START=8
    TYPE=n Sätter typ av numrering. Ex OL TYPE=A (se nedan)
    DIR
    COMPACT gör radavstånden mindre. Ex DIR COMPACT
    MENU
    COMPACT gör radavstånden mindre. Ex MENU COMPACT
    DL
    COMPACT gör radavstånden mindre. Ex DL COMPACT
    För OL typen finns följande typer TYPE=A ger
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    TYPE=a ger
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    TYPE=i ger
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    TYPE=I ger
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    TYPE=1 ger
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    Dvs samma som ingen typ alls
    Exempel på START=10 för OL
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    följande kod:
    Vi fösöker igen<OL COMPACT TYPE=A START=4>
    <LI>Rad ett
    <LI>Rad två
    <LI>Rad tre
    <LI>Sista raden
    </OL>
    Ger
    Vi fösöker igen
    1. Rad ett
    2. Rad två
    3. Rad tre
    4. Sista raden
    som resultat.

      JusteringarFärger
    Formatering
    Rad och styckesbyten
    Teckenformatering
    Användning av specialtecken i HTML
    Linjer i dokumentet
    Marginaler
    Justeringar
    Listor och förteckningar i dokument
    Färger
    Hur skall man använda färgerna i HTML?
    Färgblandare (för IE)
    Bilder
    Bakgrundsbilder
    Insättning av bilder i HTML dokument
    Frames
    Länkar
    Länkar från en del av en bild
    Tabeller
    Tabeller som layoutredskap


    Top
    < Justeringar Färger>
    © Anders Enges, Vörå 2002  | 22.01.01 17:04 Visa asp koden