sunnuntai 14. syyskuuta 2014

HTML teksti korjaus

<html>

<style>

a {
color: black;
}

a:hover {
opacity: 1.0;
}

p {
font-family: Arial;
font-size: 150%;
}

h1 {
font-family: Impact;
font-size: 400%;
text-decoration: underline;
}

table {
border: black solid 3px;
background-color: yellow;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

table td, table th {
border: black solid 2px;
background-color: orange;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#tausta {
box-shadow: 10px 10px black;
position: absolute;
border: solid black 5px;
background-color: chocolate;
width: 70%;
left: 15%;
height: 900px;
opacity: 0.9;

-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}

body {
height: 1050px;
}

.linkki {
opacity: 0.5;
transition: opacity 500ms;
-webkit-transition: opacity 500ms;
}
</style>

<head>
<meta charset="utf-8">
<title>Oma sivu</title>

<body style="text-align: center;" bgcolor="brown">
<h1>Kokeilu</h1>

<div id=tausta>

<p>Lisää tekstiä<br>
vielä lisää tekstiä</p>

<p><b>UUSI KAPPALE</b><br>

<table width="900" align="center">
<tr>
<th colspan="3">eka solu</th>
</tr>
<tr>
<td width="100">kolmas solu</td>
<td width="500">neljäs solu</td>
<td width="300">b solu</td>
</tr>
</table>
<br>

<table width="900" align="center">
<tr>
<th colspan="4">otsikkosolu</th>
</tr>
<tr>
<td colspan="2">eka solu</td>
<td colspan="2">a solu</td>
</tr>

<tr>
<td colspan="2">kolmas solu</td>
<td colspan="2">b solu</td>
</tr>
</table>
<p>

<a href="http://www.kktavastia.fi" target="blank">
<img style="border: black solid 3px;" src="pics/tavastia.png" alt="Koulun sivuille" height="200px" width="auto">
</a><br/>

<a href=http://www.kktavastia.fi target="_blank">Koulun sivut</a>

<br>

<p>

Ei kommentteja:

Lähetä kommentti