How to Create a Web Page Using Notepad

Notepad, a program that is included with most versions of Microsoft Windows including Windows Vista, is a very simple, easy-to-use text editor. You can use Notepad to build basic web pages.

Difficulty: Moderately Easy

Instructions

Things You'll Need:

• Knowledge of how to use basic Windows applications

1. 
    
   Opening Notepad in Windows

   You can run Notepad by selecting Start, run, and then enter 'Notepad' and select OK.

2. 
    
   Open a program using Windows Vista

   To run a program in Windows Vista, enter the program name in the text box and select ENTER.

3. 
    
   HTML tag example

   Every web page requires an HTML tag pair. There is much more that can be added to the HTML tag but that information is content for another article. To find out more refer to http://www.w3schools.com/tags/tag_html.asp and http://www.w3schools.com/tags/att_html_xmlns.asp.

4. 
    
   HEAD, TITLE tag example

   Add the HEAD and TITLE tags. The title appears in the upper left hand part of a browser window. The HEAD tag area is used for scripting and style settings which may be applied to your web page. Refer to http://www.w3schools.com/tags/tag_head.asp for more
   information.

5. 
    
   BODY tag and file save example

   Add the BODY tag and save the document. Select File, Save As from the Notepad menu. Enter quotes around the file name and select 'All Files' for file types.

6. 
    
   H2 tag example

   Enter a H2 tag pair with content as a heading for your web page.

7. 
    
   Browser view of heading

   Open your page in a web browser to view your web page.

8. 
    
   P tag example (first paragraph)

   Add a P (paragraph) tag pair and content.

9. 
    
   browser view

   Open your web page in your browser again to view it (Refresh or reload your web page to update changes).

10. 
     
    Completed web page and final browser view

    Add a second paragraph using a P tag pair and view your web page again.

Tips & Warnings

• Congratulations! You created a web page using Notepad. For more information on the use of other HTML tags consult http://www.w3schools.com/html/default.asp.
• Note in some of the graphics in this article, the closing paragraph tags were made upper case P. HTML will process correctly but it is a good practice to make sure that all tags are lowercase. This is important as one of the requirements for using XHTML (another eHow probably :))

Resources

• How to Make an HTML Table Using Notepad
• How to Create an HTML List Using Notepad

[iifarmerii]

on 1/29/2010 Ah yes... You got to love manual HTML coding ;) I've done my fair share of it! 5* instructions!

[smoot27ryan]

on 1/2/2010 great article, loved it.... read it, rated, and recommended you

[oterri]

on 12/30/2009 web page article a great article, thanks! Dropped in to read rate and recommend some of your fine articles and hope you return the favor soon! Happy new Year!

[jillybeanusn]

on 12/1/2009 WOW....I had no idea that you could do that with notepad! 5*****

[heatherinks]

on 11/4/2009 Hey, I taught this. Are you sure you weren't in my class? LOL Excellent clear directions on making a web page using notepad. 5* God bless.