Web Page HTML Page 5 - Adding Color, Size, Bold

Welcome to my page!

It is a great day to learn new things and seize life by the tail. I am making this page to share my ideas with you and help you learn how to create a web page.

More about me:

I am a teacher and I really enjoy teaching middle school students. My hobbies outside of school include snow skiing, travel, poetry and rafting. I hope you enjoy this page.

I hope you will be back soon!
Mr. Williams

This looks good but lets make things bigger
and use
color or bold words!

Headings

Headings are defined tags that look like this: <h1> to <h6> . The <h1> tag will make and defines the largest heading. <h6> defines the smallest heading.

HTML automatically adds an extra blank line before and after a heading (the text you make larger.)

Add a heading tag to your first line on your web page. (use what ever size you want) Make sure that you use a "</h?" tag at the end of the line you want or it will make everything large from the point you put a header into you page.

Bolding:
Bold is defined as a tag that looks like this "<b>". After the text it is also ended with a closing tag "</b>".

Color and Font style:

<font size="3" color="red">
This is some text!
</font>

<font size="1" color="blue">
This is some text!
</font>

<font size="4" font face="Brush Script MT" color="red">
This is some text!
</font>

This is some text!


This is some text!


This is some text!

Your Turn:

  1. On your HTML page include and change one line to have a header tag of "<h4>" Don't forget the closer tag "</4>".
  2. Choose one of the sentences and bold those words. Remeber the tag is "<b>" and don't forget to close with a "</b>" tag.
  3. Change another sentence font to "Brush Script MT" and change the font size to the size of "20". Change this sentence to one of the following colors. (red, blue, yellow, aqua, maroon or purple). Don't forget to close the font tag with "</font>".

Save your work and view your web page in the browser. Example on next page:

Return to HTML web page creating - Page 4

Return to Williamsclass Electives Home Page

Return to Williamsclass.com Home Page