Webpage Lessons #2

Back To the Last Page

Step 6: Ok, we'll start simple, let's just add some words to your page: Hello, I am Catherine, I am great.

Like I had said earlier, all you have to do is type it in and it will treat it like plain words as long as it isn't within the < and >

<html>
<head>
<title>Cat's Page</title>
</head>
<body>
Hello, I am Catherine, I am Great.
</body>
</html>

That's it. Just as long as it is between the <body> and </body> and not in between any sets of < or >'s, it will show up on the webpage.

Step 7: Let's Save it and check it out. Save and open it up in Internet Explorer or Netscape.

It should look like a blank page, with 'Cat's Page' on the Menu Bar and 'Hello, I am Catherine, I am Great.' on the page itself.

Step 8: Lets add some more words to it:

Hello, I am Catherine, I am Great.
Welcome to my webpage.

Seems simple? Well, not as simple as you'd like.

<body>
Hello, I am Catherine, I am Great.
Welcome to my webpage.
</body>

This won't work. If you did it like this, it would show up as Hello, I am Catherine, I am Great.Welcome to my webpage.
Why? Well, look at everything else you have written, you have hit the enter key at least a half dozen times, if Internet Explorer or Netscape used that information to start a new line, then there would be a lot of unwanted space in your webpage.

So, there is a special tag which we have to use to go to the next line, as opposed to the enter key.

 

This is called a 'break' tag, and all it does is starts a new line.

<body>
Hello, I am Catherine, I am Great. 
Welcome to my webpage.
</body>

Note: I am excluding the <head> and <title> here to save space, you still need them. I will just show you the <body> for now.

This should show the words properly, save it and see for yourself.

Note: The webpage will look the same after you save it until you have reloaded the page, by either closing it and opening it up again, or hitting the 'refresh' button in Internet Explorer or Netscape.

Try adding more break tags if you like, it will start adding blank lines. Just think of it as when typing, put a   wherever you would hit the enter key.

Step 9: Centering your words

This one is simple, to center anything, just enclose it in <center> and </center> tags. This works with anything, words, images, tables, etc.

For example:

<center>Go Leafs Go! 
Carolina is going to lose</center>

This would look like:

Go Leafs Go
Carolina is going to lose

So, lets use this to add a title to your page

<body>
<center>Catherine's Page</center> 
 
Hello, I am Catherine, I am Great. 
Welcome to my webpage.
</body>

Step 10: Now noticing these aren't as much 'steps' as 'lessons' or 'tutorials'
Anyways, This one will have to do with formatting your words.

 - BOLD - The Text in between the tags will be bolded

 - ITALICS - The Text in between the tags will be italicised

 - UNDERLINE - The Text in between the tags will be underlined

You can also use them in combination with each other:

<body>
<center>Catherine's Page</center> 
 
Hello, I am Catherine, I am Great. 
Welcome to my webpage.
</body>

Might want to save again and take a look. Here's what is should look like:

Catherine's Page

Hello, I am Catherine, I am Great.
Welcome to my webpage.

Go To Next Page