Basic Tags
HTML commands are called TAGS. All tags are enclosed within angle brackets < >. There are some exceptions which will be explored as well. Below are some of the most basic HTML tags.
BASIC TAGS
TAGS |
Description |
Function |
HTML |
< html > < /html > |
Opens all HTML documents. The closing tag, < /html > goes at the very bottom of your documents and closes the page. |
Title |
< title > < /title > |
Names your documents. Example: this page is called Basic Tags. I programmed this with the following tags:
< head > < title > Basic Tags < /head > < /title > |
Body |
< body > < /body > |
Opens the body of your documents. This tag precedes all data entry including your color codes, text, images, and tables etc. The closing body tag also goes at the bottom of your documents immediately above your closing HTML tag. * Inserting a background image or color in your documents requires an extended opening < body > tag. Please see Background Tags below. |
Headers |
< h# > < /h# > |
Header tags accentuate selected text. They are commonly used for titles of sections within your documents. These format the size and density of enclosed text. H1 is very large and the size decreases to H7 which is very small. |
Paragraph |
< p > < /p > |
Opens and closes paragraphs. |
Line Breaks |
< br > |
Inserts a line break or vertical space in your documents. |
Center |
< center > < /center > |
Centers selected data |
Bold |
< b > < /b > |
Gives a bold face to selected data. |
Underline |
< u > < /u > |
Underlines selected data. |
Italics |
< i > < /i > |
Italicizes selected text. |
Background tags
To see how any page is formatted, right click in the page which will bring up a menu. Scroll down to and then click on "VIEW SOURCE". A seperate window will popup displaying all of the document's formatting. The background code is always inserted in the opening body tag and is followed by your selection of color codes. You may have an image file background or a plain color code background. An example of each follows:
Image background :
< body background="chat-back.jpg" bgcolor="#000000" text="#999966" link="#FFFF99" vlink="#CCCC99" >
Color Code background :
< body bgcolor="#000000" text="#999966" link="#FFFF99" vlink="#CCCC99" >
Please notice that all image and color codes are enclosed in quotation marks.
BACKGROUND ATTRIBUTES
TAGS |
Function |
< body |
Opens the body of the document. |
background= |
Allows for background images or a plain colored background. |
bgcolor= |
Backdground color - Required in all background tags. |
text= |
Determines the color of your text. Color code numbers like "#000000" or color names like "black" will work with most of the newer browsers. |
links= |
Determines the color of your links text. |
vlinks= |
Determines the color of your Viewed Links text. |
alinks= |
Determines the color of your Active Links text. Alinks are rarely used anymore. |
All of the above tags are the most basic and repetitive HTML tags. Before going on to learn about colors and fonts, try creating a basic HTML document. Later you may add images, tables and other HTML features as you learn them.
© baN May 1997.