Opdr. 2.1: list-items toevoegenOpen je editor en het bestand playlist.html in de map ‘myportfolio’ (deze heb je vorige week gemaakt bij opdracht 1.9). Heb je deze niet gemaakt, maak dit bestand dan aan door rechts te klikken op ‘myportfolio’ in Sublime en met ‘New File’ het bestand te openen. Sla het op als ‘playlist.html’.
Zet de basisstructuur op. Kopieer uit je index.html de informatie uit de header naar de header van playlist.html.
1. Navigeer naar de main van playlist.html. Maak een h2 met ‘Mijn favoriete 5 liedjes’
2. Zet onder je h2 een p-element met de tekst: ‘dit zijn mijn 5 favoriete liedjes’.
3. Open onder de h2 een unordered list
4. Maak vijf list-items aan met behulp van de <li> tags en zet tussen de tags steeds 1 van jouw favoriete nummers.
5. Sluit tot slot je unordered list af.
6. Maak een link terug naar de homepagina door onderaan je playlist een a-element toe te voegen naar ‘index.html’ met tussen de a-tags ‘Terug’.
7. Sla je bestand op!
8. Kijk in de browser of je lijst met liedjes mooi te zien is. Is het niet te zien, controleer dan goed je code of je alles goed gedaan hebt.
7. Sla je bestand op!
8. Kijk in de browser of je lijst met liedjes mooi te zien is. Is het niet te zien, controleer dan goed je code of je alles goed gedaan hebt.