HTML TRAINING 2

BUILD YOUR OWN

LEARN HTML

Here we go. It's time to open up that file I asked you to create. It's time to get your creative juices flowing. Yep, this is it , almost. We are going to start filling in those headings that you made on your file 'yourname.html'. As we go along I will try to explain enough that you will get the 'gist of it' but don't expect be an expert. You will be able to create a page.
In your line three you should have < title>. I want you to enter the title of your page there. I'll call this one HTML TRAINING 2 You still will not be able to see it on your browser but it helps you keep track of what page you are working on'editing'. You probably will want to name yours something like Valley Girls Homepage or something a little catchy. It seems to me easier to keep my pages that deal with the same subject the same name. I just add a number to it to keep track.
Next we'll put some stuff in the < body> tag so we have something to work with. Here is where I will explain how to use different stuff. The first thing we need to do is to let people know what they're looking at so we need a title for the body. For demonstration purposes lets call our page Creating a Homepage. We will probably want that printed at the top of the page in large bold letters, Maybe even a different color than black. We might want our page to have some fancy background or to be a different color than white, so I will show you two ways to change your font size.

Change your fonts

From here on I will want you to put spaces in only in place of~. There should be no spaces in anything unless I have~, so lets try it.
< center>...< /center> is a way to center your text or images to the middle of the page. Since you want your title to be centered, next to the < body> tag, add < center> Creating~a~Homepage < /center>
If viewed with your browser it should look like this

Creating a Homepage
I'm sure you will want it bigger than normal size so I will explain two methods to increase the size of the font. You will have to try the different sizes to see the differences.
Font Sizes

Font sizes may be changed by changing the headings tag. The headings tag varies the size from < H1> to < H6> The largest being H1 and the smallest being H6
Another way to change font size is the Netscape way. It uses < font size=+3> It is currently used every where and is generally recognized by the vast majority of browsers as is the headings. The usage would be < H3> whatever text< /H3> or < font size=+4> whatever text< /font>. Although it is more proper to use headers, for demonstration purposes we will use < font>
In the < body> where you wrote < center> Creating a Homepage < /center> change it to
< body>< center>< font~size=+4>Creating~a~ Homepage< /font>< /center>
It should look like this.

Creating a Homepage

As you can see changing your font size can make a dramatic difference. The following list can show you some differences.

< h1>Hello
< h2>Hello
< h3>Hello
< font size=+5>Hello

< font size=+4>Hello

< font size=+3>Hello

Here's what we learned



   open            close                 what? 


< html>           < /html>      tells your browser your page is in html
< title>          < /title>     The name of your page
< body>           < /body>      Where you create
< center>         < /center>    How you center your text or images
< h1>             < /h1>        How you size your headings
< font size=+5>   < /font>      How you size your fonts

There is more to learn about these subjects and more will come later, such as align center and how it compares to the center command. But next up will be colors.

E-mail me

Home