HTML skola
HTML listor

HTML listor

HTML har ett antal sätt för att strukturera upp olika listor.

Exempel:

Ett listobjektelement <li> kan innehålla nästan vilka andra element som helt. Paragrafer, radbrytningar, bilder, länkar, andra listor osv.

Ordnad listor

I en ordnad lista <ol> är de olika objekten numrerade.

Listan börjar med en <ol> tagg och varje objekt i listan måste ingå listobjektelementet <li>.

HTML

<ol>
<li>Första objektet</li>
<li>Andra objektet</li>
</ol>

Exempel

  1. Första objektet
  2. Andra objektet

Oordnade listor

I en ordnad lista <ul> är de olika objekten markerade med en punkt.

Listan börjar med en <ul> tagg och varje objekt i listan måste ingå listobjektelementet <li>.

HTML

<ul>
<li>Första objektet</li>
<li>Andra objektet</li>
</ul>

Exempel

  • Första objektet
  • Andra objektet

Definitions lista

En definitionslista <dl> listar olika objekt som måste definieras.

Termen som ska definieras placeras i en definitionsterm <dt>.

Definitionen placeras i en definitionsbeskrivning <dd>.

HTML

<dl>
<dt>Starttagg</dt>
<dd>Markerar början på ett element</dd>
<dt>Sluttagg</dt>
<dd>Markerar slutet på ett element</dd>
</dl>

Exempel

Starttagg
Markerar början på ett element
Sluttagg
Markerar slutet på ett element

Listor kan enkelt formateras med stilmallar (css) eller med hjälp av presentationsattribut.

Dessa har dock i nyare versioner ersatts av stilmallar (css) så de rekommenderas att inte användas.

Element för listor

Element Beskrivning Övrigt
<ol> Anger en ordnad lista -
<ul> Anger en oordnad lista -
<li> Anger ett list objekt -
<dl> Anger en definitionslista -
<dt> Anger en definitionsterm -
<dd> Anger en definitionsbeskrivning -
| Mer