A Basic Webpage 1 - Adam's HTML Planet - Tutorials and Tips on how to create websites using HTML
 
Basic Web Page
Part 1
 Adam's HTML Planet - Home Page
This site equipped with Key Launcher!
The following launcher keys are available:
Press the letter 'H' for: Home Page
Press the letter 'S' for: Site Map
Press the letter 'T' for: List of Tutorials

list of tutorials next tutorial

  1. Open up Notepad [Start, Programs, Accessories]
  2. Open Internet Explorer [or whichever browser you prefer to use]
    It is usual to work with both applications open - the text editor to work in and the browser to check progress
  3. Copy the text below [between the broad blue lines] into your text editor.
  4. Save the file [suggested name basic1.htm]. It is vital to save the file with the extension .htm [or .html] - it will not open in a browser as a web page without it. In general, do not use spaces in your filenames.
  5. Open the file in your browser.
<HTML>
<HEAD>
<TITLE>My First Webpage</TITLE>
</HEAD>
<BODY>
This is my first webpage
</BODY>
</HTML>
See an example

Ta-da! That's your first web page. OK it's not much to look at yet but we'll work on that! All web pages have to have the tags of the page you just created. Let's look at them in a bit more detail.

<HTML> </HTML>
This tells the browser that it's looking at a web page

<HEAD> </HEAD>
This is a bit of your document that is hidden from view in your browser. It can be used to hold different elements such as javascripts and special tags that give background information about your web page

<TITLE> </TITLE>
This is what is displayed in the title bar of your browser

<BODY> </BODY>
This is the bit that you actually see in the browser window. This is where you put your content!

Right, that's that done - here concludes lesson one.

Go up to the top of the pageUp Arrow to choose where you go next