Building Web Pages From Ground Zero

By Professor Nibble ã Nibble University 2000-2007

Hyperjump to Extra Space, Underline, Assignment

FORMATTING TEXT - Lesson 3

 

BOLD <B></B> and ITALICS <I></I>

 

These two formatting tags are very simple to use. Be sure to include the closing tag or your formatting will continue to the rest of the page.

 

Example 1

<B>This text is bold. </B>This text is normal.

 

Result:

This text is bold. This text is normal.

 

Example 2

<I>This text is in italics. </I>This text is normal.

 

Result:

This text is in italics. This text is normal.

 

Example 3

<B><I>This text is bold & in italics. </I></B>This text is normal.

 

Result:

This text is bold & in italics. This text is normal.

top

Notice how the italics tags are nested inside the bold tags. From what I've read, this order is important. However, in my tests I've failed to prove this. Regardless, properly nesting your tags should be a priority. There must be more to this than I know, so I just follow the rules. If you start with <B><I> you should end with the opposite - </I></B>.

 

EXTRA SPACE - &nbsp;

 

As I've already mentioned, a browser only recognizes one space between words. Web page builders have come up with all kinds of tricks to overcome this limitation. The easiest I've found is to add several codes that stand for a space - &nbsp;

If you want to indent a paragraph, for instance, you could type in five of these space codes to give you the space you desire. Take a look at this example:

 

<H3>Example of Spacing</H3>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This will indent this line by five spaces.
This will create three extra spaces &nbsp;&nbsp;&nbsp; between words.

 

Result:

Example of Spacing

     This will indent this line by five spaces.
This will create three extra spaces     between words.

top

This is not the prettiest way of coding extra spaces, but it works. Using copy and paste makes the process quite painless.

 

UNDERLINE <U></U>

 

I do not recommend using the underline tag very much. Think about this - What do you do when you're surfing the net and see some text that is underlined? If you're like me, you click on it. Underlining text can be confusing to those viewing your web page as they think you have put a link on the text. If you don't know what that means you didn't really read lesson 1 very well. However, it is only right that you know how to use it if you insist.

The underline tag is used just like the bold and italics tags.

Example:

 

Be sure to use the <U>underline</U> tag sparingly.

top

Result:

Be sure to use the underline tag sparingly.

 

Assignment - Lesson 3

  1. Load up the file we made in lesson 2 - hawaii1.htm into your editor.
  2. Under the section Introducing The Aloha State, change the five occurrences of the word "Hawaii" to Bold.
  3. Under the same section, change the 3 occurrences of the word "Hawaiian" or "Hawaiians" to Italics.
  4. Under the section Hawaii Facts, indent each line by five spaces.
  5. The information for this assignment was taken from the book FROM SEA TO SHINNING SEA - HAWAII. Underline the entire title.
  6. Save the file. Keep the same name - hawaii1.htm. View it in a browser. Go back to your editor if you need to make any changes and when satisfied you have done the assignment correctly, print out a copy of your result and your source code to hand in.

 

 

top

Table of Contents

Lesson 4