Creating Your First HTML Page

Follow the five steps below to create your first HTML page. We will help you create a complete HTML page that you can view in a web browser such as Internet Explorer or Netscape.

 

STEP ONE: Entering a Page Title and Email Contact

Enter a title for your web page (for example, "My First HTML Page").

Also enter your email address to include your email link on your HTML page.

 

Title for Your Page:
Your E-Mail Address:

 

Finished? Click Here for Step 2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

STEP TWO: Creating Links

Enter some of your favorite web sites to see how links are created. The first web site is included to show you an example of a Clickable Text Link (go ahead, click on the phrase "Click for PUBSNET") to see what happens. You can enter whatever you want for Clickable Text.

The Web Sites you enter must be the full web addresses (such as: http://www.grantcom.us or http://www.boston.com).The Clickable Text is the text you will click on to jump to that Web Site. .

 

Web Site 1:

Clickable Text 1: See It: Click for PUBSNET

Web Site2:

Clickable Text 2: optional

Web Site 3:

Clickable Text 3: optional

Web Site 4:

Clickable Text 4: optional

Web Site 5:

Clickable Text 5: optional

Web Site 6:

Clickable Text 6: optional

 

Finished? Click Here for Step 3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

STEP THREE: Writing Your HTML Page Content

Now you're ready to write your HMTL Page Content by entering headers, paragraphs, links, and other types of content.

First, click on the Add Header 1 button. We will ask you to enter the text for that Header 1, and then we will write that HTML to the HTML Page Content.

Second, click on the Add Paragraph button. Important Note: When you click on the Add Paragraph button, we insert the paragraph tag <P> into the HTML Page Content. Click your cursor immediately following the <P> in the HTML Page Content to type your paragraph.

Third, have fun...explore... and observe as the HTML is written into the Content Window!

Buttons Below Directly Insert into the HTML Page Content:




Buttons Below Pop Up a Question, then Insert HTML







HTML Page Content

 

Finished? Click Here for Step 4

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

STEP FOUR: Completing Your HTML Page

A complete HTML page requires tags that identify the main segments of an HTML page, such as <HEAD> </HEAD> and <BODY></BODY>. Click on the Complete My HTML Page button below to take information you entered in Steps 1 through Step 3 above and automatically include the HTML segment information.

You can then scroll through the HTML page to become familiar with HTML code and structure.

Finished? Click Here for Step 5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

STEP FIVE: Viewing your HTML Page in a Browser

Now, for the moment you've been waiting for. Drum Roll, please...and click the button below to see what your HTML page looks like in your computer's web browser...

 

Click to Return to Step 1