HTML Tutorial
HTML means Hypertext Markup Language
This is the language that web browsers like Internet Explorer and Netscape use
to read and convert information stored on a webserver on the internet.
It is quite easy to understand at the basic level. This Page will not teach you anything above the very basic level. It is intended for you to learn tags that enhance your messages on the message board, and nothing more.
The first tags to learn are ... bold, italic and underline. However, underline is always used to show a link, and therefor should not be used unless it is obvious that a link does not exist.
HTML tags are simply"<" instruction ">" .
Bold
The way to change Bold to Bold is achieved like this.
<b>Bold</b>
Italic
The way to change Italic to Italic is achieved like this.
<i>Italic</i>
Underline
The way to change Underline to Underline is achieved like this.
<u>Underline</u>
Example Script
I am <b>Bold</b>, I am <i>Italic</i> and I am <u>Underline</u>
Appears like this : I am Bold, I am Italic and I am Underline
I am now <b><u>Bold and Underlined</u></b>
Appears like this : I am now Bold and Underlined
A line break just finishes the line where you dictate. The tag for this is ...<br>
A paragraph must have a start and a finsh. The start of a paragraph is ... <p>
And the end of the paragraph is ... </p>
To center the text, the tag is ... <center> and it should be finished with ... </center>
To add an anchor link (a link to another webpage or website) is a bit more complex.
The format is as follows ... <a href="http://www.your_website_link/index.html">The Link Name</a>
Example ... <a href="http://www.bakerevents.co.uk/index.html">Bakerevents</a>
Will appear as
Bakerevents
Try it ... It really does work.
If you wish to add a picture to your message ... again it is easy.
To add a picture the HTML is <img src="http://www.your_picture_address/picture.???">
Example : this is the HTML to add the bowing skeleton picture
<img src="/2005/contactpics/skellani.gif">
Result
To make it smaller simply add the height or width control (not both, it will go out of perspective)
so ... smaller
<img src="/2005/contactpics/skellani.gif" width="30px">
and ... larger
<img src="/2005/contactpics/skellani.gif" width="90px">
Here is a really big tip. If you cannot work out how a webpage is made or how it works, Click on "view" in your browser and then select "source" or "source code" and you will see the HTML code that makes the page. This is a very good tip, but does not work if the website is made in a frameset. But that's going a bit too deep for this page. Feel free to see the source code for this page, it is up there, and it's not that clever.