Show sourcecode
The following files exists in this folder. Click to view.
public_html/gamla-kurser/webbutv1/ovningar/
baskod.html
bentogrid.html
bilder/
css/
gimp_logga.html
index.html
js/
meny1/
meny2/
ovning-flexbox.html
ovning0.html
ovning00.html
ovning1.html
ovning10.html
ovning11.html
ovning12.html
ovning2.html
ovning3.html
ovning4.html
ovning5.html
ovning6.html
ovning6b.html
ovning7.html
ovning8a.html
ovning8b.html
ovning9a.html
ovning9b.html
ovning9c.html
ovning9d.html
sida2.html
ovning4.html
95 lines UTF-8 Windows (CRLF)
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title>Övning 4</title>
<style>
.center-table {
margin: auto;
}
.align-right {
text-align: right;
}
.align-top {
vertical-align: top;
}
.align-bottom {
vertical-align: bottom;
}
.spacer {
padding-left: 25px;
padding-right: 25px;
}
.red {
background-color: red;
}
.blue {
background-color: blue;
}
.black {
background-color: black;
}
.green {
background-color: green;
}
.yellow {
background-color: yellow;
}
</style>
</head>
<body>
<table class="center-table">
<tr>
<td style="text-decoration: underline;" class="align-right"><b>e-post</b></td>
<td class="spacer"></td>
<td style="text-decoration: underline;"><b>FTP</b></td>
</tr>
<tr>
<td style="text-decoration: underline;" class="align-right"><b>Utskickslistor</b></td>
<td class="spacer"></td>
<td style="text-decoration: underline;"><b>Gopher</b></td>
</tr>
<tr>
<td style="text-decoration: underline;" class="align-right"><b>Usenet News</b></td>
<td class="spacer"></td>
<td style="text-decoration: underline;"><b>World Wide Web</b></td>
</tr>
<tr>
<td style="text-decoration: underline;" class="align-right"><b>Chats</b></td>
</tr>
</table>
<br>
<br>
<table>
<tr>
<td style="width: 150px;" class="align-top">Även bilder kan placeras i en tabellcell precis som vanlig text
</td>
<td><img src="./bilder/ncsamosaic.gif" width="100px" height="150px" alt=""></td>
<td style="width: 150px;" class="align-bottom">Det går alldeles utmärkt att bara sätta IMG-märkordet
innanför TD och /TD</td>
</tr>
</table>
<br>
<br>
<table class="center-table" style="width: 300px; height: 300px; border:1px solid dark-grey;">
<tr>
<td class="red" colspan="2"></td>
<td class="blue" rowspan="2" colspan="1"></td>
</tr>
<tr style="border:1px solid grey;">
<td class="green" rowspan="2"></td>
<td class="black" colspan="1" rowspan="1"></td>
</tr>
<tr>
<td class="yellow" colspan="2"></td>
</tr>
</table>
</body>
</html>