<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {background-color: #0022CC;}
h4 {color: red;}
h6 {color: white;}
h1 {color: green;}
-->
</style></head>
<body>
<center><strong>This page is where mistakes were made </center> <!--So any attribute starts <> ends </> as the <br /> its also possible to open and close do it with some others like fonts(You also see how to comment out here) ideally you should also close, so you only needed to declare <strong> once-->
<!--<strong>-->
<p align="left">i added more but ended up with less </p>
<br />
<!--<strong>--> <p align="right">But Penguins Rule so ill be ok</p> <!--Handy thing with kate/kwrite is highlight text crtl D will comment out text as long as know lang -->
<br/>
<!--<strong>-->Which is good otherwise i couldnt of added this lol
<br/>
<table border="1">
<tr><td colspan="2"><p align="right"><h4>so first one</h4></p></td></tr>
<tr><td><h1>next</h1></td><td><h6>just an add</h6></td></tr>
</table>
</strong>
</body>
</html>
<!--
now if rather than declaring inline css as you did you can keep it separate in another file so save this as test.css
body {background-color: #0022CC;}
h4 {color: red;}
h6 {color: white;}
h1 {color: green;}
p {color:white;}
then change the <style>...</style> to <link rel="stylesheet" type="text/css" href="test.css" /> saves all that writing for different pages just need to write several css pages and use the one you need for example you could of added the p and made it always got left, can get a bit cleverer than that but you get the gist. This should all be commented out so won't affect how its rendered.
Try the whole page should get lots of visual input.-->