Listor

Listor används ofta om man vill räkna upp något i en viss ordning eller bara göra en extra tydlig uppställning. I XHTML 1.0 finns punktlistor, numrerade listor och definitionslistor.

Alla listorna är blockelement och består av en egen inbördes struktur med två till tre olika taggar. Andra blockelement (t.ex. stycken) ska inte användas runtom eller i listorna, men fraselement kan däremot användas i den text som varje listelement innehåller.

Punktlistor och numrerade listor

En punktlista skapas med elementet <ul> (unordered list) och en numrerad lista med
<ol> (ordered list). Dessa element beskriver hela listans gränser. BÃ¥da listtyperna är föräldrar till blockelementet <li> (list item) som utgör varje listelement inuti listorna.

<p>Nu ska vi baka sockerkaka. Ta fram:</p>

<ul>
 <li>Socker</li>
 <li>Ägg</li>
 <li>Vetemjöl</li>
 <li>Bakpulver</li>
 <li>Vaniljsocker</li>
</ul>

För att fÃ¥ en numrerad lista byter man ut elementet <ul> mot <ol>. Behöver du använda fraselement sÃ¥ ska dessa placeras i elementet <li>.

Definitionslistor

Definitionslistor är avsedda för ordlistor av olika slag eller där man listar upp begrepp som förklaras. Listan innehåller ett element för det som ska förklaras (definitionstermen), samt ett annat element för själva förklaringarna (definitionen).

Listans gränser markeras med elementet <dl> (definition list). Varje nytt ord/begrepp markeras med <dt> (definition term), medan varje förklaring till ett ord markeras med <dd>
(definition data). Behöver du använda fraselement kan dessa placeras i elementen <dt> eller <dd>.

<h1>Microsoft Office</h1>

<dl>
 <dt>MS Word</dt>
 <dd>Ett ordbehandlingsprogram som passar såväl van som ovan
 datoranvändare.</dd>
 <dt>MS Excel</dt>
 <dd>Ett avancerat kontorsprogram för beräkningar, kalkyler, budget och
 diagram.</dd>
</dl>