Saving and Editing html Files in Notepad

Saving an html file from a browser

The best way to save a web page if you want to play with the source code is to save it throught the source window. You can save it directly, but Internet Explorer will add a lot of its own tags, making the file much harder to edit and understand.

For example, to save a page to a file called "Example.htm" do the following:

  1. Bring the page up in your Internet Explorer browser.
  2. Choose "Source" from the VIEW menu. This will pop up a separate window containing the source code.
  3. Choose "Save As" from that window's FILE menu. This will bring up the usual save window.
  4. Choose "All Types" from the "Save as Type" drop-down box at the bottom of the window. Otherwise, it will be saved as a text file instead of an html file.
  5. Type the name of the file in quotes in the Filename box. Make sure that you put the name in quotes -- otherwise, Notepad will add ".txt" to the name of the file.

Editing an existing html file

The simplest way to edit an html file is to use Notepad, or some other simple text editor. Note that you cannot use Word or some other editor that adds its own codes to the text.

You can generally find Notepad under Start->Programs->Acccessories.

While editing your file, you will probably want to see how it would actually appear in the browser. To do this, you can just open the file in a separate browser window -- just find the file in Windows Explorer and double click it. Since it has an ".html" extension, Windows will automatically open it in Internet Explorer.

Every time that you want to see the effect of a change, do the following:

  1. Save the file in Notepad.
  2. Hit the Refresh button on the browser.