Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1579960

OWN 441 - Web Met Boer


OWN

484 bezichtigingen

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 reacties


Recommended Comments

Er zijn geen reacties om weer te geven.

Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

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

×
×
  • Create New...