Lesson 1: Elements of Tags

Overview

HTML is the universal mark-up language code consisting of symbols inserted before and after text as well as before and after the filenames of graphics to be downloaded that allows Web publishers to create complex pages of text and images that can be viewed by anyone else on the Web, regardless of what kind of computer or browser is being used. These symbols are called tags that are integrated into a text document.

Learner Outcomes

At the end of this lesson you will have a basic understanding of the elements of a tag and their ordering.

Activities

1. Look over the Common HTML Tags sheet and go over the common elements
2. Things to consider:
   • Opening and closing Tags (usually tags travel in pairs note the difference between the two)
   • Attributes: Many tags have attributes that offer a variety of options for the contained text. The attribute is entered between the command word and the final greater than symbol with spaces (see example below)
   • 
3. Location of tags Nesting Tags
   • In some cases, you may want to modify your page contents with more than one tag. The order is very important. Whenever you use a closing tag it should have the same relationship to the last unclosed opening tag. (see example below)
   • <A> <B> </B> </A>
4. Values: Attributes often have values (the following are examples of values for attributes
   • Align = Left, Center, Right (where left, center, & right are the value for align)
     
   • Text=#color code (where the color code becomes the value)
   • Size = number
5. Open Homesite
   • Note the common tags
   • Go to the body tag and just after the y in body press the spacebar
   • what appeared?

Handouts/Online documents

COMMON HTML TAGS