How to Make a Simple Web Page in Windows XP

by Craig Witt, studioD

Many people build web pages in Windows XP using programs like Dreamweaver, FrontPage or Expression Web. Although these programs are easy to learn and provide helpful instruction, they are not free and often require too much memory and hard drive space to run on older computers. Luckily, users seeking a free or low-resource alternative have options. Notepad and WordPad, programs installed by default in Windows XP, can both be used to build simple web pages.

Step 1

Open Notepad. Click the Windows Start button, then select "Programs," "Accessories" and "Notepad." A blank text document appears after the program launches.

Step 2

Insert the basic structure of a web page. Copy each of the following nine lines of HTML code, then paste them on the first line of your document in Notepad: <html> <head> <title>Title Here</title> </head> <body> <h1>Top heading here</h1> <p>Paragraph here</p> </body> </html>

Step 3

Add a title, heading and paragraph text. Locate the tag labeled <title> on the third line of the code provided in the previous step. Delete the text that reads "Title Here" and replace it with the title of your web page. This information appears in the title bar of a web browser when a user views your page. Make sure not to delete the </title> tag that follows. To display the title on the web page itself, locate the first level heading tag, represented by the code <h1> on line six. Delete the "Top heading here" placeholder text, replacing it with the same text you used for your web page title. Again make sure not to remove the </h1> tag directly after the text. Add a paragraph of text to your page by using the <p> tag on the line below the first level heading. Delete the "Paragraph here" placeholder and replace it with your first paragraph of text, keeping the closing </p> tag intact.

Step 4

Save and preview the web page. Click "File" on the menu at the top of the screen, then select "Save." Enter "index.html" without quotation marks in the field labeled "File name." Click the drop-down menu below, changing the "Text Documents (*.txt)" option to "All Files." Select the folder where your web page should be saved, then click "Save." Navigate to that folder and double-click the index.html file to open it in your web browser and see the basic page you created.

Step 5

Add an image. Most web pages include at least one image. Add one to yours by copying the following line of code and pasting it on a blank line directly below the <p> tag: <img src="http://sample.com/image.jpg"> Replace the sample URL provided above with the full URL of the picture you want displayed on your page.

Step 6

Change the colors. Assume you want the heading of your website to appear in blue instead of the default black. Add the following piece of code after the <h1> tag, but before the text of the heading: <font color="blue"> Close this tag by adding another piece of code, directly after the heading text but before the tag labeled </h1>: </font> Save your web page, then view it in your browser to see the changes.

Step 7

Create additional page elements. Many more tags exist beyond those explained in this tutorial. See the References section to learn more about adding page breaks, tables, numbered and bulleted lists and links to your web page.

About the Author

Craig Witt has written professionally since 2005 in the public and private sectors as a journalist, marketing copywriter and public relations professional. He most often writes consumer software and hardware how-to articles for eHow. Witt has a Bachelor of Arts in communications from the University of Washington.

Photo Credits