html/css koe 22.3.12

Ohjeet:

Luo html sivu, joka on dokumenttityypiltään html5

luo seuraavien kuvien mukaiset html ja css koodit

kirjoita title tagiin: Verkkopalvelu Koe 220312 etunimi sukunimi

upota css koodi samaan tiedostoon kuin html koodi style tagilla

sivulla käytettävä teksti löytyy y asemalta:

Y:\Käpylä\AV-Viestinta_2\11D\verkkopalvelu\koe2203

kopioi itsellesi 220312koesivunteksti.txt tiedosto

(tai täältä rtf tiedostona Havainto ja koherenssi)

palauta vastaus eli html tiedosto sähköpostin liitetiedostona osoitteeseen: jukka.ylitalo@edu.hel.fi

nimeä tiedosto: omanimi_htmlkoe.html

vinkkejä:

style tagi head osiossa:

<title>Verkkopalvelu Koe 220312 etunimi sukunimi</title>
<style type="text/css">
body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:100%;
}

</style>

tekstissä on seitsemän otsikkoa

html dokumentissa on oltava ainakin seuraavat tägit:

html
head
meta
title
style
h1, h2, ul, li, p
div

tehtävässä pärjää näillä css ominaisuuksilla:

margin
padding
font-family
font-size
background-color
width
margin-top
margin-bottom
border-bottom
border-top
background
line-height
text-indent
font-style

sivun yläosa:

huom vaalean osion ( joka sisältää kaikki tekstit ) leveys tulisi olla sama kuin kuvassa ja keskitetty selaimessa:

sivun keskiosa

sivun alaosa