Home

Lijsten in HTML

Inhoudsopgave
Lijsten in HTML
Ongeordende lijsten
Definitielijst
Alle pagina's

Pagina 1 van 3

Lijsten

Lijsten of opsommingen komen regelmatig voor op het World Wide Web. Ze zijn bedoeld om informatie overzichtelijk op een pagina te kunnen weergeven. We komen opsommingen vooral tegen op pagina's waar veel links staan of waar veel verschillende termen worden uitgelegd.

Dat is ook hard nodig omdat op iedere webpagina links staan naar andere, vaak aan het onderwerp gerelateerde sites. Vaak worden de namen van deze links recht onder elkaar geplaatst. Daarmee wordt het onoverzichtelijk en kost het moeite om snel de juiste site te vinden. Het toepassen van een lijst kan op zo'n moment uitkomst bieden. Er zijn grofweg vijf manieren om lijsten te maken: geordende en ongeordende lijsten, definitielijsten, menu's en directory-lijsten. Elk van deze lijsten heeft z'n eigen kenmerken.

Geordende lijsten
Geordende lijsten worden ook wel genummerde lijsten of opsommingen genoemd. Als de browser de tag vóór de opsomming ziet, dan wordt aan de items in de lijst een opeenvolgend nummer of cijfer meegegeven. Bijvoorbeeld 1, 2, 3, enzovoort, of A, B, C, enzovoort. De tags die worden gebruikt bij het maken van een geordende lijst zijn <OL> en </OL>, waarbij OL staat voor Ordend List.
Om de verschillende items weer te geven wordt binnen het element OL de tag <LI> gebruikt. Deze tag, die u niet hoeft te sluiten zet u voor ieder item binnen de lijst. De browser zal dit later vervangen door een cijfer.

<H1> Diersoorten <H1>
<OL>
<LI> Zwanen
<LI> Beren
<LI> Vogels
<LI> Olifanten
<LI> Geiten
<LI> Leeuwen
</OL>

Als u dit in uw browser bekijkt, kunt u zien dat de lijst is genummerd.

cursus html

Wordt er niets aan de tag <OL> veranderd, dan krijgt de opsomming automatisch een nummering in de vorm van: 1, 2, 3, enzovoort. Dit is wel te veranderen door het attribuut type toe te kennen aan de <OL> tag. U heeft vier andere mogelijkheden voor nummering:

type=A Zorgt voor een opsomming met hoofdletters
type=a Zorgt voor een opsomming met kleine letters
type=I Zorgt voor een opsomming in Romeinse cijfers, met gebruik van hoofdletters
type=i Zorgt voor een opsomming in Romeinse cijfers, met gebruik van kleine letters

De vijf verschillende mogelijkheden naast elkaar

De vijf verschillende mogelijkheden naast elkaar

Het is ook mogelijk om een lijst te laten beginnen anders dan met nummers 1 en I of de letter A. Dit kan handig zijn wanneer u een tweede lijst maakt die op een volgende pagina doorloopt. Wilt u dit doen dan moet u het attribuut start=X toevoegen aan de tag <OL>. De x staat in dit geval voor de beginwaarde van de nummering van de opsomming.

Als u het nodig acht kunt u ook een lijst binnen een lijst maken. Het nesten van lijsten kan in sommige gevallen de duidelijkheid van een webdocument vergroten. In het volgende voorbeeld ziet u een opzet voor een geschiedenis-homepage. Er is gebruik gemaakt van twee lijsten en twee verschillende manieren van opsomming.

<H1>Geschiedenis</H1>
<OL>
<LI>Nederlandse geschiedenis
<OL type=A>
<LI>Literatuur
<LI>Politiek
</OL>
<LI>Wereldgeschiedenis
<OL type=A>
<LI>Literatuur
<LI>Politiek
</OL>

Op het Internet ziet deze pagina er zo uit.

cursus html

Vorige - Volgende >>

Lente Actie!

Omdat het lente is, vieren we feest! We geven daarom alleen in de lente 50 euro korting op alle basistrainingen van Avid Studio, Magix Video deluxe, Sony Vegas Movie Studio en Adobe Premiere Elements.

U betaalt dus geen 149 euro per trainingsdag, maar 99 euro. Schrijf je snel in, want er zijn maar een beperkt aantal plaatsen beschikbaar!

Cursussen en trainingen

Dvscene geeft trainingen en cursussen in het trainingscentrum van Iscenes multimedia.

Er zijn verschillende cursussen per pakket voor beginners en gevorderden. U kunt zich inschrijven voor de volgende cursussen en trainingen:

Lijsten in HTML

Lijsten

Lente Actie!

Cursussen en trainingen

Testimonials

Populair

Techniek

HD

Tutorials

Video montage