markup_html_9.html

Your First Web Page

Last | Next

Step 1: Introduction

Open Notepad.: Or open any editor.
Type the word "Hello".: You can also type your name if you like.
Save it with the name "hello.html": This is your first web page.
Quit Notepad.
Open your web browser.
Use "File -> Open" and find the your new web page, "hello.html".: If you can't find it or something goes wrong, send me a message call me.
It says "hello jimmy" or "hello" or "HELLO JONATHON"?: Good. This completes Step 1.

Step 2: Code

Open Notepad.: Or open any editor.
Open "hello.html": This is your practice web page. Delete the words from Step 1 like "Hello Jimmy".
Type <h3> Hello </h3>: This is your first lesson in Code! This Code makes a headline.; It begins and ends with special characters. "<" and ">" are two special characters on your keyboard. Find them between the "M" and the "?".; What does the word Code mean? Code tells the computer to do something. This Code tells the browser to make a headline.
Type <p> My name is Jimmy. </p>: This HTML Code makes a paragraph.
Once again, save it.: Your first web page now contains some HTML Code.
Open your web browser.
Use "File -> Open" and find the your new web page, "hello.html".
It says "Hello" and "My name is Jimmy"? Good.: Now we have a web page and some Code.

Step 3: Writing a Story

Open Notepad.: Or open any editor.
Open "hello.html": This is your practice web page. It contains some Code and a few words.
Add another line of Code: <h3>Michigan! Listen up!</h3>: See how the Code is the a few special characters at the start and end of the line?
And another line of Code: <p> I have something to say. </p>: Oh-oh! What are you going to say!; To write a story, you need a plan. What is your plan? What will you say?
Type <p> ... </p>: The three dots are yours. You must write something here. What will you say? Hmmmm.
Type: <p>; This is what I like. I like to read books about rocket ships and adventures. I like to play games. I like to practice my computer skills.; </p>
Type: <p>; This is my web page. It tells the world about my exciting life. For example, I play a computer game called ________ and I am the (greatest) (worst) player! This is my secret: ...; </p>
Type: <p>; Thank you very much for reading my web page. I hope you come back soon because I will have more to tell you. If you have a message for my web page, please email me at jimmysm@comcast.net. Thank you, Jimmy Meyers.; </p>
As you can see, you must write a story!: Do you have a plan? Tell your Mother.; Now write your story on your web page. Be sure to start and end each paragraph with the special Code.
Once again, save it.: Your first web page now contains Code and your story.
Open your web browser.
Use "File -> Open" and find the your new web page, "hello.html".
Read it. Are the words spelled right? Great!: Don't worry if it's not perfect. Writing a web page is hard work. The more you practice, the better you get. Sound familiar?
You can write more now if you like.: DO NOT DELETE ANYTHING!
Once you're finished, send me another email or leave me a message at my web site, www.trialwebsite.biz: Or if you get stuck, tell your Mother and write, call or send a letter.
Good job! Keep up the good work!