top of page

1. Setting up a HTML document

This guide assumes that you have Notepad++ already installed.

If you are working at home and need to download Notepad++ then click here.

Save as .html file

Notepad++ assumes you are writing a text file so you must change the file type.

Open Notepad++

Click File then Save As...

Change Save as type: from Normal text file (.txt) to Hyper Text Markup Language file (.html)

Change File name: to Fanpage Website.html

These steps are necessary to set up your HTML web page correctly.


Open Notepad ++ and save your file as a .html document.

Editor vs. Browser View

In newer versions of Notepad++ click on View then View Current File in and choose a browser installed on your computer such as Chrome.

Some versions of Notepad++ enable you to view the document in a web browser by selecting Run then an option such as Launch in Chrome.

html 1.png

It is good practice to have both Notepad++ and a web browser open at the same time so that you can easily check if any changes have been made correctly.

Remember to press the save icon (        ) before you refresh your browser.

Don't expect your web browser to show anything yet.

Next it is time to add our essential tags for the structure of the web page.

bottom of page