Programs: Microsoft FrontPage: Lesson #8

Lesson #8: In this lesson we will learn about the basic HTML tags and how to use them.
Main Objectives
  • Basic HTML Tags
  • Text Attribute Tags
  • Formatting and Alignment Tags
  • Tags for Creating Lists
  • Tags for Creating Hypertext Links
Objective # 1 Basic HTML Tags



<title>Name of Page</title>




HTML tags are used to create a Web Page in a language that your Internet Browser will be able to understand.  These are some of the basic tags used when first creating a page.
<html> - Beginning of HTML commands
<head> - Starts the beginning of the Introduction part of an HTML document
<title></title> - The title tags give the name that will appear in the title bar
</head> - Ends the Header or Introductory part of the document
<body></body> - Begins and Ends the body of the HTML document
</html> - Marks the End of the document and the HTML Commands
Objective # 2 Text Attribute Tags
<b>bold</b>    bold

<u>underline</u>    underline

<I>Italics</I>    Italics

<em>Emphasis</em>    Emphasis

<strong>Strong</strong>    Strong

<!----comment-->    <!-----text--->

There are a number of tags you can use to format your text in many ways, these are just a few of them
<b></b> - The Boldface tag will make your text Bold
<u></u> - The underline tag will underline your text
<I></I> - This tag will make text show up in Italics
<em></em> - This tag will add emphasis to your text
<strong></strong> - Similar to the Boldface tag this tag will make your text bold
<!-----comment--> - This tag is usually reserved for a programmer who wants to leave a comment about his work within the HTML code for anyone who might want to view it
Objective # 3 Formatting and Alignment Tags
<p align=type>...</p>
<hr attributes>
<hn align=type>...</hn>
The Formatting and Alignment tags allow the user to change the set up of the web page, more specifically the Page Properties
<p></p> - marks beginning of paragraph
<p align=type></p> - Paragraph with a certain alignment
<br> - Inserts a blank line
<hr> - Inserts a horizontal line; <hr attributes> will create a horizontal line with certain attributes
<hn></hn> - Alters the Heading Size; <hn align=type></hn> will allow you to alter the heading size as will as the alignment
<address></address> - Indicates the Author's address, in Italics
<BODY BGCOLOR="#FFFFFF" VLINK="#FF0000" ALINK="#800080"> - using hexadecimal you can decide the background color and the color for all hyperlinks throughout the Web Page
Objective # 4 Tags for Creating Lists

Lists can be used to organize your Web Page very easily.  There are three main types of lists, Bulleted, Ordered and Descriptive Lists.
Bulleted Lists can be used to put items that do not require some order into a list without
An Ordered List is perfect for data or information that needs to be placed in a certain order, such as times of day or instructions
A Descriptive List can be used to show information or data that spreads across separate categories.
Objective # 5 Tags for Creating Hypertext Links
<a></a> - This tag indicates that a hypertext link is being defined
<img src = file.gif....> - Inserts a graphic image into the document, where the entry after alt gives the words that will show up when a user clicks on the picture
<a href = "> - Gives a link to a web site at a different location
<a href = "sample.htm"...> - Links to a Web Site within the current location
<A HREF = "#JOKES"...> - Gives a link to another location on the same Web Page
<A HREF = "mailto:tjduffy...> - Gives a link to a specific email address

Lesson Review

In this Lesson we have covered many of the basic HTML tags that FrontPage uses to create Web Pages.  These commands can also be changed or added in the HTML workspace within your Application Window by clicking on the HTML Workspace Tab that was discussed in the previous lesson.
  •  Basic HTML Tags
  •  Text Attribute Tags
  •  Formatting and Alignment Tags
  •  Tags for Creating Lists
  •  Tags for Creating Hypertext Links

back to lesson #7

continue to lesson #9

Back to Lessons 

Programs: Microsoft FrontPage: Lesson #8