<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
<title>Sivun otsikko (näkyy selaimen palkissa)</title>
</head>
<body>
<header>
<h1>Sivulla näkyvä otsikko</h1>
</header>
<article>
<p>Sivuilla näytettävä normaali teksti on p-elementin sisällä.</p>
<p class="blue">Kuten edellinen elementti, mutta tällä on luokka-attribuutti, jonka arvo on "blue".
Tyylimäärittely .blue asettaa tekstin värin siniseksi.</p>
</article>
</body>
</html>
.blue {
color: rgb(0, 0, 255);
}