voorbeelden HTML & CSS

titel 🔗 omschrijving
elementen elementen met hun opening tag en closing tag
div #1 markeer de hoofdstructuur met divisions
lijsten #1 geordende en ongeordende lijsten
tabellen de structuur van tabellen en wat trucs
semantische HTML elementen met betekenisvolle namen
CSS elementen hoe verwijs je in CSS naar elementen in je HTML
class & ID CSS en het gebruik van een klasse en unieke elementen
overerving hoe een child eigenschappen overneemt van zijn parent
chaining en descendant combinator hoe combineer je selectoren in CSS
het boxmodel een enorm belangrijk basisprincipe bij het ontwerpen van een site
overlay met transparantie Een div met een plaatje met daarover een half-doorzichtige tekst
lettertypes Met schreef (serif), schreefloos (sans serif) en externe fonts
nette kopjes en alinea's letters, tekst en alinea's vormgeven en in balans houden
afbeeldingen afbeeldingen en hun positie
kleuren kleurcodes, een palet en gebruik van variabelen
CSS-menu een horizontaal of verticaal menu met li
div-layout (%) een simpele site-structuur op basis van percentages
grid-layout een site-structuur met een grid
CSS-variabelen Handig! Zet jouw kleurenpalet om in variabelen.

Terug naar de startpagina

Suggesties voor een voorbeeld? Stuur een berichtje via MS Teams!