Koppelen CSS en HTML

De koppeling van de opmaak aan de structuur van een website kan op 3 manieren:

  1. Door gebruik te maken van een interne stylesheet
  2. Door gebruik te maken van wat ook wel inline style genoemd wordt.
  3. Door gebruik te maken van een externe stylesheet

Intern stylesheet
Het interne stylesheet maakt gebruik van het element style. Dit element heeft een begin- en een eindtag. Bij een intern stylesheet wordt de CSS-code tussen deze 2 tags in het head-gedeelte van het HTML-document geplaatst.
We willen voor de webpagina het lettertype (font) Arial gebruiken. Het lettertype krijgt de kleurwaarde #ffc0cb. De code voor het interne stylesheet wordt dan:

<head>
     <style>
           body {font-family: Arial; color: #ffc0cb;}
     <style>
</head>

Inline style
Bij een inline style wordt style als attribuut gekoppeld aan het element waar de opmaakcode op van toepassing is.
Hieronder zie je hoe we voor het element p het lettertype Arial gebruiken en de tekst de kleur #ffc0cb geven:

<p style="font-family: Arial; color: #ffc0cb;"> ... </p>