So, you want to make a Web Page!
Lesson 3

adapted from Joe Barta's tutorials at- PageTutor.com

title


If you don't already have one, be sure to create a new folder titled Lesson_03 in your HTML folder

Let's go back to a plain old screen.

<html> 

<head> 

<title>Lesson 3</title> 

</head> 

<body>
Something really cool 

</body> 

</html>



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. Or, maybe a little more accurately, we are suggesting to the browser that all text contained within the <b> element should be rendered bold. FYI <strong></strong> works the same as <b></b>

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 wish...

<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 (not to mention confusing yourself) they should be nested, not overlapping. Let me illustrate...

"NESTED TAGS" INFO - VERY IMPORTANT!!!

<-- Overlapping tags.... bad

 

<-- Nested tags.... good

 

 

Finish up by making your page look like this...

Something really cool

 

in case you need it...

<body>
<u>Something</u> <i>really <b>cool</b></i>
</body>

Save as Lesson_03.html in your HTML/Lesson_03 folder

On to Lesson 4