Nehalennia informatica, HTML5 en webdesign v2023 blokken

Hier worden belangrijke begrippen gedemonstreerd:
width, height, margin, padding, border, float.

Het positioneren van blokken, en het uitrekenen van de werkelijke afmetingen is nog een hele klus. In de les kwamen een paar voorbeelden voorbij. (voorbeelden openen in nieuw venster, experimenteer met ctrl- en ctrl+ hoe deze pagina's zich gedragen in een kleiner of groter scherm)

• voorbeeld 1 (zonder wrapper)
• voorbeeld 2 (zonder wrapper)
• voorbeeld 3 (zonder wrapper)
• voorbeeld 4 (mèt wrapper)
• voorbeeld 5 (mèt wrapper) (zie hier de css)
• voorbeeld 6 (mèt wrapper)
• voorbeeld 7 (bereken nu zelf width en height van de wrapper .....)