BW Network
    Login | Register 

Stats
9 visitors online
Guests: 9
Registered: 0



SafeSurf Logo

Website BuildingTutorials → HTML: The Basics (Part 1)

Most web pages follow a basic structure, open up your chosen HTML Editor (Text Editor) and copy and paste the following code in (if using Microsoft FrontPage or Macromedia Dreamweaver switch to the code view).

Make sure you save as an html page ('.html', e.g. test.html).

<html>
  <head>
    <title>Title here (displays in title bar & bookmark name)
    </title>
  </head>
  <body>
    Visible website content goes here between
    the opening and closing 'body' tags.
  </body>
</html>

The page you now see should just display: 'Visible website content goes here between the opening and closing 'body' tags.'

Points to note:

  • The line break between the words 'between' and 'the' do not show up on the page, to achieve a line break you must use the <br> tag.
  • Indentations make no difference to the webpage itself, but make the HTML code more readable.
  • All HTML 'Tags' are surrounded by the '<' and '>' symbols.

→ Linking between Pages →


  1. Introduction
  2. The Basics
  3. HREF Linking
  4. Colors & Backgrounds
  5. Hexadecimal Color Codes
  6. Using Images
  7. Lists, lists & more lists!
  8. Tables
  9. More HTML Tags!