Since nobody wants to go into design and functionality or using a Cascading Style Sheet, I will do so myself.
I've been learning quite a bit of HTML myself.
I could easily help you make it look snazzy as forget.
I suggest using Divs rather than just using <p> and <hr> to space your lines.
The <center> tag is also good, just don't over use it and know where to end it with </center>
Also, word from the wise, don't use tables. No matter how much you hear about tables when learning HTML, they're old and a very out dated way of organization. Very tedious to set up and orient too.
Also, if you ever want to single-space your lines,
like
this,
use </br> at the end of the line so it single spaces, rather than the double-spacing from using <p>
And using <body style="background-color:some color here"> is sometimes not always best. Instead, you could insert a background image to appear behind your main body.
What I learned was to make a separate .css file for your main HTML file.
A CSS document is written up just like an HTML document in any text editor, as long as you save as a .css.
Typically, for just a background image, you could either use an image from the internet by copying in a direct link, or a local image saved somewhere on your computer. It's easier if you save the image in the same location your .css file is.
Making your HTML document work with the CSS document is very simple.
Simply insert this code somewhere in the HTML document where it wont get in the way (I usually put it in my header tags):
<html>
<header>
<link rel="stylesheet" type="text/css" href="NameOfCSSDocumentHere.css" /></link>
</header>
<body>
Now this is what your CSS document would look like if we were just inserting a background image:
body {background-image:url("http://images.wikia.com/recipes/images/1/15/Red_Apple.jpg");}
A CSS document is basically taking tag elements and telling them to do certain things when used or when text is put after them.
p {text-align:center;font-family:arial;font-size:125%;font-color:blue;}
This code only affects the <p> tag.
This means whenever you use the <p> tag, any text after it is centered, uses the Arial font, is 125% bigger, and is colored blue.
As for Divs, they are less tedious than tables but still a little time consuming with setting up and orienting properly when you have multiple divs.
I suggest you google "How to make divs in HTML"
I would totally write up a nice snazzy looking div with CSS alterations for you right now, but I am horribly tired and need my sleep.
Just ask I suppose if you need anything further.
Poll