Avaa Texturi, muunna pelkäksi tekstiksi ja kopioi seuraava
html-koodi Texturiin ja tallenna se .html muotoon.
(Mikäli teet tehtävän Windows koneella,
käytä Teksturin sijaan muistiota/notepadia)
Koodissa on virheitä, jonka vuoksi se ei toimi oikein.
Korjaa virheet ja parantele sivun ulkoasua muutenkin mieleiseksesi.
Palauta sitten korjattu koodi omaan blogiisi.
Mikäli tarvitset ohjeita koodin kirjoittamisesta,
neuvoja saa etsiä netistä.
Yksi hyvä ohjesivu löytyy osoitteesta
http://www.ratol.fi/opensource/xhtml/index.htm
koodi alkaa
__________________
<html>
<head>
<title>Oma sivu</tite>
<body bgcolor="#DB7093">
<h1>Kokeilu</h1><br>
lisää tekstiä<br>
vielä lisää tekstiä
<p><font face="arial" color="#6B4226">
<b>uusi kappale</b></font><>
<table border="1" width="900" align="center">
<tr>
<th colspan="3">eka solu</th>
<tr>
<td width="100">kolmas solu</td>
<td width="500">neljäs solu</td>
<td width="300">b solu</td>
</tr>
</table>
<br>
<table border="1" width="900" align="center">
<tr>
<td width="100">eka solu</td>
<th rowspan="2">otsikkosolu</th>
<td width="300">a solu<td>
</tr>
<tr>
<td width="100">kolmas solu</td>
<td width="300">b solu</td>
</tr>
</table>
<p>
<a href=http://www.kktavastia.fi target="blank">
<img ="kuvia/koulu_valmis.jpg" alt="Koulun sivuille">
</a>
</p>
<p>
<a href=http://www.kktavastia.fi target="_blank">Koulun sivut</a>
</p>
<p>
<a href="toka.html" target="_self">
<img src="kuvia/painike.jpg" alt="Toiselle sivulle">
</a>
</p>
<p>
<a href="kolmas.html" target="_self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>
</p>
</head>
________________________
koodi päättyy
