HTML - Getting Started
HTML Intro
Getting Going
 
 
 
 
 

Getting Started

Create a new folder on your disk/USB key/desktop named web_site. It is important not to use spaces in folder or file names as they will not display properly in the browser.

Open Notepad from the Start Menu and enter the basic tags as below. These are needed on every page so save as template.htm before you add any text, then save as index.htm.


<html>

<head>

<title> </title>

</head>

<body>



</body>

</html>

 

HTML tags or elements, are either empty tags or container tags. An empty tag doesn't need to be closed eg <hr> inserts a horizontal rule and doesn't need to be closed. However if you use the bold tag <b> all text from that point on will be bold unless you close the tag </b>

A list of common tags can be found here

Viewing your pages

  1. Open Windows Explorer
  2. Click on the drive that contains your folder in left-hand pane
  3. Double click on the .htm file you want to view in right-hand pane

Internet Explorer  will now open offline with your web page displayed. NB your site is NOT live yet!

Making changes

  1. Click on the Notepad file in the status bar at the bottom of the screen (or View - Source if it is not already open)
  2. Edit the HTML
  3. OR Drag the .htm file from windows explorer to Notepad to open the file for editing
  4. Save the changes (File - Save)
  5. Click on the Internet Explorer file in the status bar
  6. Click the Refresh button on the toolbar (or press F5 on your keyboard)

The changes should now be displayed on your web page.

Opening another page in Internet Explorer

  1. You need to have Windows Explorer and Internet Explorer both open at the same time and not occupying the whole window.
  2. In Windows Explorer click on the html file you wish to view in the browser and drag it onto the Internet Explorer window.

Next: Getting Going

Back to Top | email me