|  | PageTutor.com

Let's go back to a plain old screen.

    <BODY>
    Something really cool
    </BODY>

Something really cool

We can make things bold.

    <BODY>
    Something really <B>cool</B>
    </BODY>

Something really cool

What we are (more or less) telling the browser is: at the `<B>` start making things bold, and at the `</B>` stop making things bold.

The same principle applies to italics...

    <BODY>
    Something <I>really</I> <B>cool</B>
    </BODY>

Something really cool

...and underlining.

    <BODY>
    <U>Something</U> <I>really</I> <B>cool</B>
    </BODY>

Something really cool

Back again to a plain screen.

    <BODY>
    Something really cool
    </BODY>

Something really cool

We can use tags in combination if we want to.

    <BODY>
    Something really <I><B>cool</B></I>
    </BODY>

Something really cool

This is an example of nested tags. If you are going to use tag pairs in combination (which you will probably be doing quite a bit), then to avoid confusing the browser, they should be nested, not overlapping. Let me illustrate...

`<THIS><THAT>cool</THIS></THAT>` Overlapping tags.... bad
`<THIS><THAT>cool</THAT></THIS>` Nested tags.... good

<< BACK NEXT >>

PageTutor - So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
Upload Your Pages 216 Color Chart Color Picker
Index & Quick Reference Barebones HTML Guide Joke Break
Print version available - Get the PageTutor book & CD
Become a member - Get more good stuff!

Invest in the future - Hug your kid today.