Stuart Blythe

Introduction

One Thing to Know

Seven Initial Steps

Basic Codes

Additional Resources

Creating Your Own Web Pages from Scratch: Seven Initial Steps

The best way to learn HTML is to start creating a page and to learn the necessary code as you go along. Don't bother trying to learn a lot of code ahead of time. Just jump right in. You can use a basic word processing program such as Notepad to enter code and text. Follow these instructions, and you'll be on your way to Web authorship:

1. Open the Notepad program available on Windows 3.1 or Windows 95. You'll most likely find the application in the Accessories window.

2. For the first line of the page, type <html> and hit the Enter key to move the cursor to a new line

3. Type <title> and then type in the title you want for your page. Then type </title>and hit the Enter key.

4. Type <h1> and then type in the first heading you want for your page. Then type </h1> and hit the Enter key.

5. Type <p> to insert a blank line; his the Enter key; and type <hr> to insert a solid horizontal line.

Your file should now look something like this:

     
    <html>

    <title>My First Home Page</title>

    <h1>Welcome to my home page</h1>

    <p>

    <hr>

6. Save the file to your a: drive. Give the file an appropriate name and add .htm as the final extension. So, a homepage might be named home.htm.

7. Open Netscape. Open the File menu, and choose Open File. Then select the a: drive and click on your file (e.g., home.htm).

If all has worked correctly, you should see your first heading plus the line that you inserted. After that you can return to your Notepad program and begin to add other elements to your page. Take a look at the Basic Codes section for guidance on other types of coding for your page.
 
Hint 
Also remember to look at the source code of other pages that you like. Once you've learned some of the code yourself, you can see how others have used it to create their page. You can view source code by opening the View menu and choosing Document Source. You'll then see a text-only window that includes the information and code for that page.

 

 

last revised 04.04.00