HTML: Meer CSS

HTML: Meer CSS Tabellen Open de pagina op jouw website die we gemaakt hebben tijdens les 3. Op deze pagina staan 2 tabellen, een met lievelingseten en een met de tekst “tabel nummer 3”. Geef de eerste tabel een dunne rand en de tweede een dikke rand door middel van CSS. Maak de kleur van de rand van beiden tabellen zwart in hexadecimale notatie. Maak de achtergrondkleur van de eerste tabel lichtgroen in RGB notatie en maak de achtergrondkleur van de tweede tabel lichtblauw in RGB notatie. Zet daarna de tekst van de eerste tabel aan de rechterkant van de cellen en de tekst van de tweede tabel aan de linkerkant van de cellen. Haal ten slotte de cellpadding, cellspacing, breedte en hoogte weg uit het HTML bestand en zet het (op de juiste manier) in het CSS bestand. Lijsten Open de pagina op jouw website die we gemaakt hebben tijdens les 5. Op deze pagina staat een geordende lijst, een ongeordende lijst en een tabel. Verander het lettertype van de geordende lijst naar Arial en zet de tekst schuin. Kies ten slotte een plaatje en zet dat als opsommingsteken in plaats van de zwarte puntjes. Let op dat het plaatje niet te groot is! Verander nu het lettertype van de ongeordende lijst naar een monospace lettertype en onderstreep de tekst. Verander ten slotte de opsommingtekens naar romeinse cijfers St. Michaël College | Programmeren kun je leren! | 2014-2015 HTML: Meer CSS Meer tabellen Maak nu de tabel op deze pagina op. Je mag zelf kleuren, lettertypen en andere opmaak kiezen maar zorg dat het aan deze eisen voldoet: ● De tabel blijft goed leesbaar ● De tabel headers hebben een achtergrondkleur ● De tekst in de tabel heeft een ander lettertype dan de header ● De dierennamen staan schuingedrukt ● De tekst heeft een grootte van ten minste 12 ● De tekst staat midden in de cel St. Michaël College | Programmeren kun je leren! | 2014-2015

Download Report