.
Genesis
.
Information
Customer Support
.
Portfolio
.
Contact
.
Jobs
.
Tim Rendle Dot Com

 


Basic HTML - How to Create a basic HTML page

The my first HTML lesson. OK we are going to use a very basic text editor to create this page - notepad. If you are using Windows then it will be in your Start, All Programs, Accessories folder. Otherwise any other text editor will do (don't use a wordprocessor like Word because it can interfere with your code).

Type the following into an empty text document :

Image 1

Now save the document to your desktop as webpage.html and you have just created your first web page. If you double click the file on your desktop, your computer will open it up as a web page. It will be white and empty apart from the top bar which should say "Blank Web Page".

Reopen the file on the desktop in your text editor and lets take a look at what we have.

A webpage works by defining 'tags'. There are tags everywhere. They control everything. Tags are contained between angled brackets<> Important note: Don't forget to close the tags. Not closing a tags is a major cause of having to debug pages that don't work.

The first line defines the language of the page to the web browser as HTML.
The second line defines the start of the 'Head' section of the webpage. This section relates to the mechanics of the webpage.
In this section there is a title tag. Notice the way tags are closed by naming the tag then adding a / after.
After the Head section closes, the 'body' section begins. The bgcolour assigns a hexadecimal value of #FFFFFF to the page background (white). The page text is assigned a value of #000000 (black).

Image 1

The Body section is the content of the page. Anything you write between the <body tag and the /body> tags will be shown on the webpage.

Lets add some text and a bit of formatting in the next tutorial.

Web design by timrendle.com tim@timrendle.com

© Copyright Tim Rendle 2005

OTHER TIMRENDLE.COM TUTORIALS

Image optimisation tutorial

Basic HTML for beginners #2 - Formatting text in HTML

Basic HTML for beginners #3 - links - images and linking images for buttons

Guitar tutorial for absolute beginners

© Copyright Tim Rendle 2005

 

 
This basic How to play guitar guide for total beginners was brought to you by timrendle.com
UK & ESSEX WEB DESIGNER - SEARCH ENGINE OPTIMISATION WIZARD - UK WEBSITE ANALYST-
United Kingdon Web Design Agency