Homepage

HTML lessons


Explaining simple tags
Explaining simple tags2
Explaining simple tags3
Browsers and Notepad
Playing with Fonts
Colors and Tags
Learning to Link
Inching through Images
Inching a Bit More with Images
Terrific Tables to Try
Building Borders
Wrapping Text
Terrific Tables Two
Color
Pat's Web Page
Making Lists Long and Short
The Mail Command
Basic Frames
Making Forms
Making More Forms
Making Buttons One
Making Buttons Two
IFrames
Appendix

Browsers and Notepad

Browsers are the software programs that we view internet pages in. There are two major browsers: MS Internet Explorer and Netscape Navigator.

Notepad is a simple writing program. When saving your html code in notepad, you need to remember two things.

  1. Whatever you name your document is automatically followed by the extension .txt. For example, you want to name your document dogs and the full name would be dogs.txt (saved as a .txt file).

  2. What you want to see in a browser must be saved as with the extension .htm added. So I would go to file- save as- and rename my file dogs.htm. Each time I make a change in Notepad, I need to resave it as .htm. This is the only way to view your latest changes in the browser, so do not forget!

When changing fonts, there are just a few tags that are helpful to remember. <font face="Comic Sans MS Bold"> The font you list (Comic Sans MS, in this case), is the font your browser will display. A comma used here allows me to make another choice. All computers do not have the same fonts, so it is a good idea to choose more than one.
"Here is an example of what Comic Sans MS looks like."

That is actually my favorite current font, and I am pleased to find that both browsers support it.

"Here is an example of what Book Antiqua looks like."

"Here is an example of what Garamond looks like."

"Here is an example of what Monotype Corsiva looks like."

"Here is an example of what Times looks like."

"Here is an example of what Courier New looks like."

This is an example of "Impact"

I want you to try your hand now. Hint:I went to my font list in MS Word, copied and pasted to find the most success. Can you find 10 different fonts that will appear in this browser?

Did you find all 10 fonts?

There are probably many that both browsers support, but you cannot be sure until you test both Netscape and Explorer.

Once you have selected the font, you can give it different attributes. For instance, you can make it bold by just using a b and a /b tag.

<font face="Comic Sans MS">

Here is an example of what Comic Sans MS Bold looks like.


It is made by using the <b> and the </b> tag (called the bold tag).

Here is an example of what Comic Sans MS Bold Italic looks like.

It is made by using the <I> and </I> tag (called the Italic tag).


Hope you are having as much fun as I am.
Keep Trying!