Jump to content

OWN

  • entries
    5,186
  • comments
    17,587
  • views
    1,515,943

OWN 441 - Web Met Boer


OWN

340 views

j52uCEX.png

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:

lijstjesown.png

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!

MWfTSx9.png

0 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...