shadowline
Title & Body << Text Formatting >> Line Breaks
TEXT refers to all the words, letters and numbers you want to show on the web page. Text is placed in the BODY area of the page code.

<html>
<head>
<title> Welcome to my web page! </title>
</head>
<body>

Hi there! Thanks for visiting my web page. There isn't much here right now, but come back soon and see the changes!

</body>
</html>

Now that the text is in place, you can add some formatting tags. These tags allow you to show your text in different ways.

bBold. Bolder (thicker) than other text.
iItalics. Italicized (slanted).
uUnderline. Shows an underline beneath it.

<html>
<head>
<title> Welcome to my web page! </title>
</head>
<body>

Hi there! Thanks for visiting my web page. There isn't much here right now, but come back soon and see the changes!
<b> This text is bold. </b>
<i> This text is italicized. </i>
<u> This text is underlined. </u>
This text is back to normal.

</body>
</html>

See the example in action.

As you see, there is the starting and ending tag for each. Only the text between a set of tags will be affected. The last line of text returns to the default settings since it is NOT within a tag set.

Using a combination of tags, you can create a new style of text to display.

<html>
<head>
<title> Welcome to my web page! </title>
</head>
<body>

Hi there! Thanks for visiting my web page. There isn't much here right now, but come back soon and see the changes!
<b> This text is bold. </b>
<i> This text is italicized. </i>
<u> This text is underlined. </u>
This text is back to normal.
<b><i> This text is bold and italicized. </i></b>
<u><b> This text is underlined and bold. </b></u>

</body>
</html>

See the example in action.

The above example shows a couple of variations possible. You can combine these 3 formatting tags any way you like.

The one important step to see and remember is "DO NOT OVERLAP YOUR TAGS". Tags work in complete individual circles and do not like to be overlapped by another one. Whenever you are combining (also known as NESTING) tags, close them in the opposite order you opened them.

The following would be considered an error and may cause problems for some viewers :

<b><i> This text is bold and italicized. </b></i>

The tag circles are overlapping. Draw a circle connecting the two bold tags. Now draw another circle connecting the two italics tags. See how those run into each other? That's how a visitor's browser can get confused. Try drawing a circle to combine the different tags in the top example.

No crossing = no confusion.

Note : If you enter multiple spaces between text in your code, only one space will appear between the text when the web page is viewed.

Another set of formatting tags is the header tag. This allows text to be displayed in a variety of height and size. A good example of headers are the headlines of a newspaper or magazine. They are the larger, bolder text that title a section or chapter.

Hxheader. The x represents a number between 1 and 6.

There are 6 sizes to the header tag. 1 being the largest, 6 being the smallest. This example shows the different sizes that can be created :

<h1>header 1</h1>

<h2>header 2</h2>

<h3>header 3</h3>

<h4>header 4</h4>

<h5>header 5</h5>

<h6>header 6</h6>

header 1
header 2
header 3
header 4
header 5
header 6

As with all other formatting tags, these are used within the body area of the page code.
Title & Body << Text Formatting >> Line Breaks
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow