HTML

To start with we will cover the basics of HTML.
Before we start you need to know that HTML stands for HyperText Markup Language. (People sometimes forget that HTML is a Markup Language and not a coding language).

To learn HTML all you need is Notepad (Windows) or Coda for Mac click here to download.  Most web developers prefer more advanced HTML editors like Front Page or Dreamweaver.

You may want to purchase a hosting package after you have created your website for your business or for personal use. I would highly recommend 000webhost, this is a free web host which gives you more space and bandwidth than most paid hosts more...


First open up your text editor, I'm using jEdit click here to download.

HTML mainly consists of tags, there are usually two sets of tags like <html> </html> but there are some exceptions, we will talk about them later.

Click on the image or click here to view full size.
HTML is basically learning what different tags do. In our example above we can see that there is a head section and a body section. In the head section we put information which we don't want to appear on our website like a link to a style sheet. Between the title tags we put the name of the website which will appear on the tabs of your Internet browser.

To view your web page you need to save it as a html document shown below.

Go to file save as...
Click on the image or click here to view full size.















Change the file name to index.html and save as type to All Files
Click on the image or click here to view full size.
Click here to try it yourself

The body tags are one of the most important tags in HTML because this is where you put all your websites content. To put it all into perspective the only information you will see on this web page is the title, code-cast and the information between the the body tags Hello world.

Click on the image or click here to view full size.

Sometimes you only need one tag e.g. A line break (
). A line break creates a space between lines like when you press the return key on a keyboard.


Click here to learn more about HTML and the different tags.