HTML Tutorials - Basics

To create your own website you need to use HTML - Hyper Text Markup Language. You will need a programme that supports HTML such as Notepad(Start >> All Programmes >> Accessories >> Notepad) as it's free and comes with all standard computers.

Page Structure

To start a basic page you will need to use the HTML below. Change 'Website Name' to the name of your website. You can change 'Site Content' to whatever you want to show on that specific page. All of your content should go between the two '<body>' tags.
All HTML tags have '<' and '>' around them. All HTML codes need to be closed again with a '/' or you will get errors.

<html>
<head>
<title>Website Name</title>
</head>
<body>
Site Content
</body>
</html>

Text Style

You can change your text style by using simple HTML.
If you want your text to remain normal then you don't need to use any of the following HTML.

<B>Bold Text</B>
<I>Italic Text</I>
<U>Underlined Text</U>
<S>Strike-through Text</S>

Line Breaks

Unlike most other HTML codes a line break doesn't have to be closed off with a '/'.
To get text on the next line use the simple following code before the text you want on the next line:

<BR>

To have a line between your two lines of text use the following HTML instead of the one above:

<P>

Images

It's simple to add an image to your page. Copy the code below and paste it inbetween your <img src="body"> tags. Change the 'IMAGE URL' to the URL of the image you want to show. You can upload your image to a free host such as PhotoBucket, ImageShack or TinyPic. These usually provide a 'Direct Link' code - the image URL. Copy this and paste it where it says 'IMAGE URL' in the following code.
If you upload the image to your own website the URL will be http://www.YOURWEBSITE.com/IMAGENAME.GIF. You will need to change the website URL to your own and the image name and extension (eg, .gif .png .bmp).

<img src="IMAGE URL">

HyperLink

A link is text that when clicked takes you to another page. In the HTML below you will have to change the website URL from 'http://www.candydreams.co.uk' to the website or page you want to load when the text is clicked. You'll need to change 'Click Here' to the text you want displayed.
Having '<target="_blank">' means that when the text is clicked the page will open in a new browser or tab.

<a href="http://www.candydreams.co.uk" target="_blank">Click Here</a>

Linked Images

This time the image will be clickable instead of text. Change the details you need to, such as the URL and image URL.
<'Border="0"> means that there won't be an ugly square/rectangle border around the image.

<a href="http://www.candydreams.co.uk" target="_blank">
<img src="IMAGE URL" border="0"></a>