Html korjausta!

Tässä kuuleppas olisi tämä Html-koodi korjattuna ja muunnettu vähän nykyaikaisemmaksi, elikkäs muunnin sen Html5 muotoon.

(jos alkuperäinen koodi kiinnostaa niin voit löytää sen täältä täältä (ei hätää, se aukaisee sen uuteen ikkunaan/ välilehteen)

------
<!doctype html>
<html>
<head>

<title>Oma sivu </title>

<meta charset="UTF-8">

</head>

<body style="background-color: #DB7093">

<h1>Kokeilu</h1>
<br>
<p>lisää tekstiä</p>
<br>
<p>vielä lisää tekstiä</p>

<p style="font-family:Arial,sans-serif;color:#6B4226;"><strong>uusi kappale</strong></p>



<table border="1" style="width:900px;margin: auto;">
<tr>
<th colspan="3">eka solu</th>
</tr>
<tr>
<td style="width:100px;">kolmas solu</td>
<td style="width:500px;">neljäs solu</td>
<td style="width:300px;">b solu</td>
</tr>
</table>



<br>

<table border="1" style="width:900px;margin: auto;">
<tr>
<th colspan="2">otsikkosolu</th>
</tr>
<tr>
<td style="width:100px;">eka solu</td>
<td style="width:300px;">a solu</td>
</tr>
<tr>
<td style="width:100px;">kolmas solu</td>
<td style="width:300px;">b solu</td>
</tr>
</table>



<a href=http://www.kktavastia.fi target="_blank">
<img src="kuvia/koulu_valmis.jpg" alt="Koulun sivuille" title="Koulun sivuille">
</a>



<a href="toka.html" target="_self">
<img src="kuvia/painike.jpg" alt="Toiselle sivulle">
</a>



<a href="kolmas.html" target="_self">
<img src="kuvia/painike2.jpg" alt="Kolmannelle sivulle">
</a>

</body>
</html>
------
valitettavasti en ruvennut korjaamaan noita kuvia, koska aikaa oli rajoitetusti ja en ole varma miten tavatian logoja saa käyttää rahan tuotossa.... JA jos ja kun käytät tätä koodia niin joudut niihin ennemmin tai myöhemmin koskea!

Kommentit

Tämän blogin suosituimmat tekstit

Työssäoppiviikko #7 - Pori

Työssäoppiviikko #5 - Pori