HTML for beginners
Lesson 4
Emphasising Characters

Wouldn't a site look boring if all the characters were the same size with no bold or italic letters? Let's do something about it.

Add the red text below, then save and launch your page and see what you get.

<html>
<head>
<title></title>
</head>
<body>
<i>This is my first web page.</i><br>
My page is getting bigger.
<p><b>This is a whole new paragraph.</b></p>
</body>
</html>

Now you know how to make characters bold or italic. Now add the following text.

<html>
<head>
<title></title>
</head>
<body>
<font size="+2"><i>This is my first web page.</i></font><br>
My page is getting bigger.
<p><b>This is a whole new paragraph.</b></p>
</body>
</html>

We're getting deep now. Did you notice we added a new tag that has 2 parts to it? This new tag is called a "font" tag, but <font> by itself does nothing. We need to say what we want to do to our fonts. In this case, we are saying to make "This is my first web page." 2 sizes bigger. Font sizes range from 1 to 7
This is font size 1.
This is font size 7.
For most browsers, the default size is 3.

The font size tag can say font size="+2" or font size="5", which would both give the same thing. In other words, you can use + or - to be relative to the default size, or you can be specific and say what size you want.

Play around with the numbers and see what you get.

Notice the quotation marks around the +2? Some browsers don't care if they are there or not, some do, but with the new language they must be there. The best thing to do is use them.

Doesn't your page still look boring with black text on a white background? In the next lesson we will start playing with colors. The lesson after that will get into formatting, in other words, placing your text somewhere besides the top left corner of the page.

At this point, it may be a good time to throw together a few pages of your own with various text in various sizes. Using the new codes helps a lot when it comes to remembering them. When you feel you can remember these codes after having some new ones thrown at you, you can move on to the next lesson.

Gimme some color


 Quick links            
 

Premier Website Solutions
Hosting, Design, and Domain Registration

Hosting   Design   Registration

General Help   Contact   Client FAQ's

Home Page

Read client testimonies.

Tell a friend about this site.

About Us

email This website is designed and hosted by Premier Website Solutions