CSC 104: The Why and How of Computing

Date: June 11

Here are the instructions for creating your own HTML file using Notepad.

1. Open Notepad

Go to Start -> All Programs -> Accessories -> Notepad as shown in the following figure and click on Notepad to launch the program.

Figure 1: Launching Notepad in Windows.

2. Type the HTML code in Notepad

You can find the web page containing the following code here.

To see the code, remember to use View->Source in Internet Explorer.

Figure 2: Typing HTML code in Notepad.

1. Save the code as HTML file

To save the file as an HTML document, you need to save it with the extension .htm

To change that, in the Save as Type box (the highlighted area in figure 3), select All Files.

Then, provide the file name (example.htm in figure 3) in the File name box.

Remember the file name MUST end in .htm

Figure 3: Saving the file as an HTML document.

2. Open the file with a browser

In My Computer, go to the directory where you saved the HTML document and double click on it.

Your web browser should bring it up automatically.

Figure 4: Running the HTML document in Windows.