Ready For a Break?

A line break that is. If you want a line of text to stop at a certain point and continue on with out a double space between the lines, you use the <BR> tag. This is one of the exceptions to the rule about pairs or sets of tags. You don't use a </BR> with this one. Let's try this one:

<BODY BGCOLOR="#FFFFCC" TEXT="color">

<!--#geoguide-->

<P><FONT SIZE="+1" FACE="your font">This is my homework page for <B>BHS HTML Class</B>. This is a lot <I>easier</I> than I thought.</FONT>

<P><FONT SIZE="+1" FACE="your font"> I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a <BR> break to a line where ever I want one.</FONT>

</BODY>

Click here to go to the File Manager utility, then enter you name and password, find the file named homework.html and check the box next to it . Don't forget to save your work and view it.

Here is what you should see in your color and font choice:

[Your GeoGuide here]

This is my homework page for BHS HTML Class. This is a lot easier than I thought.

I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.

Where are We Heading?

Headings are what you see right above me. Headings use the tag set <H#>...</H#>. There are six levels of headings, numbered 1 through 6, with 1 being the largest and most important. Headings are typically displayed in larger and bolder fonts than normal body text. Do not use the <B>...</B>tags with header tags. Also, just enter the number you want to use and not the # sign. You do not need to use the <P> tag with Header tags.

Note: Just to confuse us, the designers of HTML put the numbering system for Headers as the reverse of what they are in Fonts. In Headers, 1 is the largest and in Fonts, 1 is the smallest.

Want to try one?

<BODY BGCOLOR="#FFFFCC" TEXT="color">
<!--#geoguide-->

<H3>Welcome to My Homework Page</H3>

<P><FONT SIZE="+1" FACE="your font">This is my homework page for <B>BHS HTML Class</B>. This is a lot <I>easier</I> than I thought.</FONT>

<P><FONT SIZE="+1" FACE="your font"> I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a<BR> break to a line where ever I want one.</FONT>

</BODY>

Click here to go to the File Manager utility, then enter you name and password, find the file named homework.html and check the box next to it . Don't forget to save your work and view it.

You should see this:

[Your GeoGuide here]

Welcome to My Homework Page

This is my homework page for BHS HTML Class. This is a lot easier than I thought.

I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.

Want to apply your font and color to the Heading - easy, just put the font tags inside the H tag like so -

<H3><FONT COLOR="#FF0000" FACE="your font">Welcome to My Homework Page</FONT></H3>

Alignment

So far everything we have done is aligned on the left margin. How can I center the text in the middle of the page? Maybe I want my text to line up with the right margin. Well have I got an attribute for you, ALIGN.

ALIGN="CENTER"

or ALIGN="RIGHT"

or ALIGN="LEFT"(which is the default).

ALIGN is part of the paragraph, or <P> tag, and the <H#>...</H#>tags.

Let's align the header we just made.

<BODY BGCOLOR="#FFFFCC" TEXT="color">
<!--#geoguide-->

<H3 ALIGN="CENTER">Welcome to My Homework Page</H3>

<P><FONT SIZE="+1" FACE="your font">This is my homework page for <B>BHS HTML Class</B>. This is a lot <I>easier</I> than I thought.</FONT>

<P><FONT SIZE="+1" FACE="your font"> I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a<BR> break to a line where ever I want one.</FONT>

</BODY>

Click here to go to the File Manager utility, then enter you name and password, find the file named homework.html and check the box next to it . Don't forget to save your work and view it.

Here is what we got so far:

[Your GeoGuide here]

Welcome to My Homework Page

This is my homework page for BHS HTML Class. This is a lot easier than I thought.

I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.

Another way to do alignment.

The <DIV>...</DIV> tag.

This is a "container" tag. Anything between the opening and closing tags will be subject to the rules you set.

You can use the same alignment values as the P tag. <DIV ALIGN="CENTER">.....</DIV> will center anything between the tags, text, tables, images etc, including paragraphs and headings.


One More, UNDERLINED!

Want to underline a word or words? Than use the <U>...</U> tag set. Just place the <U> tag in front of the word or words you want underlined and the end tag , </U>, after the last word . Let's under line the Header on your page.

A word of caution here: Don't go crazy with underlining, to most people a underlined word looks like a link. We will cover links later and you will see that they are automatically underlined.

<BODY BGCOLOR="#FFFFCC" TEXT="color">
<!--#geoguide-->

<H3 ALIGN="CENTER"><U>Welcome to My Homework Page</U></H3>

<P><FONT SIZE="+1" FACE="your font">This is my homework page for <B>YMS HTML Class</B>. This is a lot <I>easier</I> than I thought.</FONT>

<P><FONT SIZE="+1" FACE="your font"> I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a<BR> break to a line where ever I want one.</FONT>

</BODY>

Okay, Now take a deep breath! You're doing Great! This is what we have so far:

[Your GeoGuide here]

Welcome to My Homework Page

This is my homework page for BHS HTML Class. This is a lot easier than I thought.

I have learned how to add color, make text bold, make it small, and make it large. I know how to make paragraphs and soon I will know how to add a
break to a line where ever I want one.

Okay, now write to your instructor. They are pretty lonely about now and want to hear from you. Tell them I said you have finished Lesson 2 and that they can look at your work. Don't forget to tell them where to look, include your homework address.

Back Next

Home