HTML-SKOLA / LISTOR
Punktlistor
För att göra en enkel punktlista inleder man med att skriva <UL>. "UL" står för "Unordered List" (osorterad lista) och används just för att visa att man är ute efter att skapa en lista med symboler och inte nummer.Därefter använder man sig av ett attribut som står för "Listelement" och det ser ut såhär: <LI> "LI" används vid varje ny punkt i listan, se nedan... Exempel:
<B>EN PUNKTLISTA</B>
<UL>
<li>Första punkten...</li>
<li>Andra punkten...</li>
<li>Tredje punkten o.s.v...</li>
</UL>
<UL>
<li>Första punkten...</li>
<li>Andra punkten...</li>
<li>Tredje punkten o.s.v...</li>
</UL>
Resultat:
EN PUNKTLISTA
- Första punkten...
- Andra punkten...
- Tredje punkten o.s.v...
Olika symboler som du kan använda dig av i punktlistan som du skjuter in i UL-taggen är följande:
- <UL TYPE="circle">
- <UL TYPE="square">
Listor i listor
Man kan också bygga vidare med listor i listor liksom exemplet nedan (har här även angett "square" som symbol):
<B>HUVUDLISTA</B>
<UL TYPE="square">
<LI>
Första punkten i huvudlistan...
</LI>
<LI>
Andra punkten i huvudlistan...
<ul>
<li>Första punkten som under-lista.</li>
<li>Andra punkten som under-lista.</li>
</ul>
</LI>
<LI>
Tredje punkten i huvudlistan osv...
</LI>
</UL>
<UL TYPE="square">
<LI>
Första punkten i huvudlistan...
</LI>
<LI>
Andra punkten i huvudlistan...
<ul>
<li>Första punkten som under-lista.</li>
<li>Andra punkten som under-lista.</li>
</ul>
</LI>
<LI>
Tredje punkten i huvudlistan osv...
</LI>
</UL>
Resultat:
HUVUDLISTA
Och såhär kan man bygga på med listor i listor i listor om man nu vill det. ;-)
- Första punkten i huvudlistan...
-
Andra punkten i huvudlistan...
- Första punkten som under-lista.
- Andra punkten som under-lista.
- Tredje punkten i huvudlistan osv...
Numrerade listor
För att skapa en numrerad lista är principen precis som ovan, men istället för att inleda med attributet "UL" så använder man sig istället av "OL" som står för "ordered list".
Exempel:
<B>NUMRERAD LISTA</B>
<OL>
<li>Första...</li>
<li>Andra...</li>
<li>Tredje o.s.v...</li>
</OL>
<OL>
<li>Första...</li>
<li>Andra...</li>
<li>Tredje o.s.v...</li>
</OL>
Resultat:
NUMRERAD LISTA
- Första...
- Andra...
- Tredje o.s.v...