Fiddly Bits to Help Set Out Your Page
Using divisions is an easy way to align objects, especially tables and blocks of text.
<div align="left" or "center" or "right"> </div>
I will align this text to the left.
I will align this text in the center.
I will align this text to the right.
It's important to use the Heading tags for your document headings only. If you want to make other text bold, don't use the heading tag to do that. You can always use the bold tag for that purpose.
You can make your heading different sizes. Headings are always bold and are on different lines from the rest of the text that you have written.
<h1> 1 is the biggest </h1> 1 is the biggest
<h6> 6 is the smallest </h6> 6 is the smallest
You can use from size 1 to size 6 when doing headings. Don't forget to use the closing tag.
To make text bold in your document use the following tag.
<b>
You put the opening and closing tags around the words like this.
<b> I am now bold </b>
When you use the opening and closing paragraph tag it separates your paragrpahs with a gap. It makes your documents look more professional, just like paragraphs are separated in books.
Make sure you use the opening and closing tags, <p> </p>.
XHTML/html can't recognise when you have used the Enter key to move to another line. You must tell the browser what you want it to do. XHTML/html uses the <br /> tag. This is one of the tags that does not require a second tag to close it off. Yay, less coding! However you do include the slash within the tag. This is what you will have to do.
One<br />
Two<br />
Three<br />
Which will end up looking like this.
One
Two
Three
Horizontal rule is used to help separate parts of your document. It's a nice simple way to define a break. You use the tag <hr /> and this is what it looks like.
Horizontal rule is another tag that requires the forward slash to be included in the opening tag. It does not have a separate closing tag.
You can also use a variety of gif dividers. There are many websites where you can download the gif divider, they are downloaded exactly the same way you would download a picture, ie right click and save picture/image. Make sure you save the gif divider into your website folder.
The coding you use to put the gif divider onto your web page is exactly the same coding used for a picture. This is the coding for the first divider below.
<img src="1_line_misc_3d.gif" />
These dividers can be centered and made wider. All you need to do is add the coding into the tag.
<div align="center"><img src="1-line-misc-5d.gif" width="50%"/></div>
If you want to put a space between images or between your hyperlinks you have to write the following code.
Will give you this space between your words.
TOP
BACK
HOME
NEXT
