Artikel geplaatst door OWN
· 548 bezichtigingen
Welkom!
Welkom terug! Fijn dat je het weer wilt gaan lezen wat ik je vandaag ga leren. We gaan weer verder waar we gebleven waren natuurlijk, ik hoop dat jullie na deze les ook weer iets wijzer zijn geworden! Succes!
Wat gaan we vandaag doen?
En, wijzer geworden van de theorie van vorige week? Onze volgende stap naar een mooi menu is wat kennis over de list items. Door middel van list items gaan wij namelijk een menu maken.
Je hebt verschillende soorten list items. Ik behandel met jullie twee varianten. Een genummerde lijst en een niet genummerde lijst. Eigenlijk best wel logisch. Maar wat is het verschil?
Dit:
De niet genummerde lijst is als volgt in code geresulteerd:
<ul>
<li>Visser23</li>
<li>Venzio</li>
<li>Megadreams</li>
</ul>
En wel genummerde lijst als volgt:
<ol>
<li>Visser23</li>
<li>Venzio</li>
<li>Megadreams</li>
</ol>
De niet genummerde lijsten
Niet genummerde lijsten kun je d.m.v. style="" attribuut een list-style-type meegeven. Kortweg dus, een stijl. Dat doe je als volgt:
<ul style="list-style-type:waarde;">
<li>Visser23</li>
<li>Venzio</li>
<li>Megadreams</li>
</ul>
In waarde zet je een van de volgende dingen:
disc Dit zijn bolletjes, zie foto.
circle Als je deze gebruikt zie je cirkels
square Als je deze gebruikt heb je vierkantjes
none Als je deze gebruikt heb je niks 
.
De genummerde lijst
In een genummerde lijst gebruiken we de attribuut type="WAARDE". Dat gaat als volgt:
<ol type="WAARDE">
<li>Visser23</li>
<li>Venzio</li>
<li>Megadreams</li>
</ol>
type="1" Dit is het standaard, zie foto
type="A" Dit zorgt ervoor dat je hoofdletters krijgt. A, B. C.
type="a" Dit zorgt ervoor dat je letters krijgt. a, b, c.
type="I" Dit telt letters I op, I, II, III.
type="i" Dit telt letters i op, i, ii, iii.
Probeer met deze twee lijstjes is een beetje te volgen!
Volgende keer!
Volgende les; Huh, hoezo hebben we dit eigenlijk nodig voor een menu?
Dat zie je volgende week!
Recommended Comments