| [Index of Lessons] [Lesson 3] [Lesson 5] |
4. Style Tags |
| Just like a word processor, HTML can tell a web browser to display
certain portions of text in Italic and Bold Style, Underline certain
words or even do a combination of all three
. There is also the strike through command, which does
|
| Style Tags | ||
| HTML | Result | |
| <b>bold words</b> | bold words | |
| <i>italic words</i> | italic words | |
| <u>underlined words</u> | underlined words | |
| <b><i>Combination</i></b> | Combination | |
| <b><u>Combination</i></b> | Combination | |
| <u><i>Combination</i></u> | Combination | |
| <b><u><i>Combination</i></u></b> | Combination | |
| <strike>Strike This</strike> | ||
| There is also another common tag used when doing stylised writeing, it is called the typewriter tag. The tags for this are <tt> and </tt>. It produces writing like this. |
| Example Now that you have seen some style tags, let's put them into action, we will continue to work on the one page for a little while, until we start to need separate pages to hold the information, that is going to be presented. We will add some style and another section for more readability now.
<html> Like before, add all of this to your first web page by opening the document and editing the page. To speed it up, you can cut and paste the code. After you have done all of this, click here (Example 4) to compare your work to the example provided. As you can see, the page is starting to take shape. Notice, that each heading tag <h1..h6> also bolds the words that are within the actual tags themselves. They also add a <p> tag to it, so a heading tag consists of size,bold and paragraph tags. Sneaky isn't it.
|
|
| Click on Lesson 5 to continue, or click here (Top) to return to the top of document |