HTML – Step 1 – Basic HTML Structure

Create a new folder on your desktop which will serve as storage for all html and image files required for your web page.

Create a new text file and save it as “surnamename.html”. 

Important note: in order to save the notepad file as HTML file, you have to select “save as” and “all files”.

html-save-file

Copy & paste the following html-tags  into the text editor window.

<html>

     <head>

        <title>page title</title>

     </head>

     <body>

        page content

     </body>

</html>

Open one of the HTML files in your internet browser (command: open as –> select web browser)

html-basic-structure

The page title ‘page title’ is displayed in the top blue bar of your browser window and in the content area you can see the text ‘page content’. You will change these entries later.

In the ‘View’ menu click on ‘Source’ and you can see now the html tags you have just entered.

html-basic-structure-source-code