Basis HTML

CSS

Inline styles - in de body

Interne stylesheet – in de head

Externe stylesheet – in een extern bestand

WAT ZIJN INLINE STYLES?

Inline styles worden in de HTML-code geschreven. Je vindt ze in de body als attribuut van een HTML-tag.

Bijvoorbeeld:

Zonder inline style: <h1>Dit is een kop</h>

Met inline style: <h1 style=“font-family: verdana;”>Dit is een kop met als lettertype Verdana</h1>

Met een lijstje inline styles: <h1 style=“font-family: verdana; font-size:18pt; color: blue;”>Dit is een kop</h1>

CODEVOORBEELD MET INLINE STYLES

ZELF PROBEREN

Voorbeelden van code en hoe dit er uitziet in een browser.

Links voor hulp:

• Over CSS

• Over div en span

Deze pagina staat oop in het zip-bestand.

De opdracht voor week 3

De Opdracht:

Maak een pagina waarin twee producten wordenaangeboden.

Hiernaast zie je een ‘lege’ pagina die je kunt gebruiken alsbeginnetje.

In het zip-bestand (link) vind je deze pagina en de andere hulp-bestanden.

De opdracht voor week 3

Hiernaast zie je een voorbeeldvan een opgemaakte pagina.

De producten hoeven niet per sénaast elkaar. Ze mogen ookonder elkaar staan.

In bron van deze pagina kan je voorbeelden van code vinden.