HTML Page

This tutorial requires the use of a text editing program like Notepad on Windows or TextEdit on Mac, however it will be easier to follow using a more fully featured editor which will colour the HTML code to make it easier to follow. I recommend either Notepad++ (Windows) or TextWrangler (Mac).

  1. Create a new folder on your computer (for example in the documents area), named Website.
  2. Open your text editing programme
    • If you are using Notepad++ click 'Language' on the menu, then H, and then select HTML.
    • If you are using TextWrangler, click 'Edit' then 'Text Options' and in the language, and choose HTML.
  3. Save the file to the folder you just created. Name the file 'Index' and leave the .html extension in place
  4. Type the following text into the editor and then save the file again:
    <!DOCTYPE html>
    <html>
    <head>
        <title>A test page</title>
    </head>
    
    <body>
        <p>Hello world</p>
    </body>
    </html>
    
  5. Navigate to the folder you created and open the index.html file – it should open with Internet Explorer, or possibly another web browser.
  6. You should see something similar to that displayed below: Webpage displayed in the browser
  7. Notice how the <title> element you added is displayed in the tab.
  8. You can also change the text in Notepad++ and use the refresh button (or F5) to view changes to your website as you are working on it.