Lessons | previous | next |
Style tags
HTML Result

<b>This is Bold...</b>  

<i>This is Italic...</i>
 
<tt>This is Typewriter...</tt>
sample web page
This is Bold

This is Italic

This is Typewriter

Note how you can combine the style tags as long as they are correctly nested, the italic tags are both within the bold tags. Note also, that the order does not matter.
HTML Result

<i><b>This is Bold AND
Italic</b></i>

<b><i>And So is This</i></b>
sample web page
This is Bold AND Italic

And So is This

Furthermore, you can also add style to the text that appears in heading tags. Note how the different style tags are opened and closed around the words they style and how the heading tags surround the whole text for the heading.
HTML Result
blah blah blah

<h2><i>New</i> and 
<tt>Improved!</tt></h2>

blah blah blah
sample web page
blah blah blah

New and Improved!

blah blah blah

Entering Styled Text in Your HTML Document

Follow these steps to apply style tags to your HTML document.

  1. Re-open your workspace (if not already opened).
  2. Return to your HTML document, volc.html, in the text editor.
  3. Find the word "volcano" in the first sentence of the Introduction. We are going to make this bold to highlight an important word.
  4. Insert the tags to make this word appear as bold text:
             <b>volcano</b>
    
  5. Now we will modify the second paragraph with the bold and italic tags to emphasize a word. Enter <b>...</b> and <i>...</i> tags around the word billion so this section looks like:
              <p>
              Volcanoes have been a part of earth's history long 
              before humans. Compare the history of human beings, 
              a few million years in the making, to that of the Earth, 
              over four <b><i>billion</i></b> years in the making.
    
  6. Finally, we will use the typewriter, tag to indicate a special word. Under the Volcano Terminology heading, enter the following:
              The study of volcanoes, or <tt>Volcanology</tt>,
              includes many odd terms.
    
  7. Save in the text editor and Reload in your web browser.


Lesson Index | previous: "Paragraphs" | next: "Lists" |