Lukittujen elementtien luokittelu

HTML luokka atribuutti tekee mahdolliseksi määritellä tietyn tyylin tietylle <div> elementille:

Lontoo

Lontoo on Englannin pääkaupunki. Se on suosituin kaupunki Englannissa, sen metropolialueella on yli 13 miljoonaa asukasta.

Pariisi

Pariisi on Ranskan pääkaupunki

Tokio

Tokio on Japanin pääkaupunki, se on maailman suosituin metropoli alue maailmassa.

Esimerkki

<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>

<div class="cities">
<h2>Lontoo</h2>
<p>Lontoo on Englannin pääkaupunki. Se on suosituin kaupunki Englannissa, sen metropolialueella on yli 13 miljoonaa asukasta..</p>
</div>

<div class="cities">
<h2>Pariisi</h2>
<p>Pariisi on Ranskan pääkaupunki.</p>
</div>

<div class="cities">
<h2>Tokio</h2>
<p>Tokio on Japanin pääkaupunki, se on maailman suosituin metropoli alue maailmassa.</p>
</div>

</body>
</html>