Vorige week heb je structuur gegeven aan je teksten en linkjes door een tabel te maken op iedere pagina van je website.
Deze week is wat eenvoudiger. Je gaat lijstjes leren maken in HTML.
Deze week heeft 4 opdrachten.
Deze week is wat eenvoudiger. Je gaat lijstjes leren maken in HTML.
Deze week heeft 4 opdrachten.
Een lijstje maken kan redelijk eenvoudig in HTML. Je hebt 2 soorten lijsten.
Voor het maken van een lijst worden diverse tags gebruikt. De belangrijkste zijn:
- Genummerde lijst
- Lijst met opsommingstekens
Voor het maken van een lijst worden diverse tags gebruikt. De belangrijkste zijn:
- <ul> Deze tag wordt gebruikt voor het definiëren van unordered list (lijst met opsommingstekens).
- <ol> Deze tag wordt gebruikt voor het definiëren van ordered list (genummerde lijst).
- <li> Deze tag wordt gebruikt voor het definiëren van de lijst items
Bij het maken van lijsten zijn er nog best veel varianten mogelijk. Deze kun je bekijken op W3 schools.
Hieronder staat de link naar w3 schools met een uitleg over het maken van lijsten.
Hieronder staat de link naar w3 schools met een uitleg over het maken van lijsten.
Opdracht 1
Zorg ervoor dat je leert werken met de lijst tags. Maak in je eigen website op een willekeurige pagina verschillende soorten lijstjes met de tags die hierboven staan beschreven.
Opdracht 2
- Nu je in de vorige weken je html pagina's hebt gemaakt in notepad++, gaan we deze eerst even precies op orde maken.
- Zorg dat je een aparte map hebt gemaakt op je computer voor je html website.
- Zorg ervoor dat je hierin 4 pagina's hebt gemaakt.
- De hoofdpagina heet 'index.html'. Dit is namelijk altijd de eerste pagina waar de server naar zoekt.
- Op iedere pagina staat een tabel met daarin verwijzingen naar de overige pagina's. Maak deze 100% breed.
- Controleer of alle linkjes in je website werken.
Opdracht 3
Opdracht 4
- Verwerk je opgedane kennis over tabellen in je Weebly portfolio.
- Zorg ervoor dat je daarin ook screenshots plaatst van je code en het resultaat.