Tehtäviä:

  1. Liitä tekemäsi tyylitiedosto omaan HTML-dokumenttiisi.
  2. Määrittele body-elementille taustaväri (backgroud-color).
  3. Muokkaa p-elementin tyyliä (vaihda väriä, fontin kokoa). Tutki, miten tyylitiedoston muokkaaminen vaikuttaa HTML-dokumentin ulkoasuun.
Esimerkki tyylitiedoston (omatyyli.css) liittämisestä HTML-dokumenttiin:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Maija Meikalaisen kotisuvu</title>
<link href="omatyyli.css" rel="stylesheet" type="text/css" media="screen" />
<body> 

Tallenna tekstidokumenttisi ja katso miltä se näyttää selaimesi kautta. Avaa selain ja valitse File (Tiedosto), Open (Avaa) ja avaa juuri tekemäsi dokumentti. Käyttäessäsi HTML-Kit -ohjelmaa, esikatselu toimii F8-pikanäppäimellä tai valitsemalla Preview (Esikatsele)