HTML Tag and Colour Guide

Cash For Free
Earn As You Surf
Paid To Read E-Mail
Paid Start Page
Paid To Search
Paid Surveys
Paid Affiliate Programs
Win Cash and Prizes
Free Shares
Online Money
Online Shopping
(22 Category's)
Free Web Site Providers
Domain Registrations and Paid Hosting
Search Engine List
(Over 800)
URL Submission Services
Top List Sites
Top Tips
HTML Tag and Colour Guide
Webmaster Resources
Our Other Sites
and Awards
Link To Us
UK Freebie Sites
International Freebie Sites
The Guest Book

Partner Sites


Want to join our partner sites-then send us an

Highly Recommended Sites
Link To Us At
Please Vote For Us

Click Here!

HTML Tag and Colour Guide

This page is intended as a basic guide to HTML tags.Listed are many of the different commands you can use when building your web site.

What is HTML,well here goes. HTML stands for HyperText Markup Language.
Basically HTML is a system of coding which special online browsers receive and translate. Of course, HTML doesn't look like what we see on the screen. HTML is full of < > tags which enclose a special task for the browser to fulfill.
It is these < > tags which you must learn and memorize in order to be a good webmaster.
One of the most important elements of your page HTML are the META TAGS.This is the part of the HTML that the search engines use to find your page.
If you don't know how to write them for yourself, use this JavaScript! Just enter the information about your site and it'll spit out the Meta Tags that you need to put on your pages (in the HEAD tags).

Site Description
(more descriptive the better)
Up to 10 Keywords
(separated with spaces)
Here is your META - tag coding.
Put it in the HEAD of your HTML document.

Before we start what about the color codes.

"Rgb_code" is a six digit code which signifies the color of something.
Now, thanks to Javascript, rgb_codes can be replaced by the name of the color. This is a lot easier, but if you have a non-Javascript browser, then the colors look wierd.
So if your afraid of scaring off about 1%- 5% of your visitors, stick with rgb_code.

Here are some basic rgb_codes:

Red - ff0000
Green - 00ff00
Blue - 0000ff
White - ffffff
Black - 000000
Yellow - ffff00

Or you can use the imagemap below to select any color box and see the hexadecimal html value for that color.

Color Picker

Click a box and the hexadecimal color will be shown below.

Now on to the HTML tag commands
The types of commands listed include:

Basic Tags
Header Tags
Body Attributes
Text Tags
Graphical Elements
Table Attributes
Frames Attributes

Basic Tags
Creates an HTML document
Sets off the title and other information that isn't displayed on the Web page itself
Sets off the visible portion of the document

Header Tags
Puts the name of the document in the title bar

Body Attributes
<body bgcolor=?>
Sets the background color, using name or hex value
<body text=?>
Sets the text color, using name or hex value
<body link=?>
Sets the color of links, using name or hex value
<body vlink=?>
Sets the color of followed links, using name or hex value
<body alink=?>
Sets the color of links on click

Text Tags
Creates preformatted text
Creates the largest headline
Creates the smallest headline
Creates bold text
Creates italic text
Creates teletype, or typewriter-style text
Creates a citation, usually italic
Emphasizes a word (with italic or bold)
Emphasizes a word (with italic or bold)
<font size=?></font>
Sets size of font, from 1 to 7)
<font color=?></font>
Sets font color, using name or hex value

<a href="URL"></a>
Creates a hyperlink
<a href="mailto:EMAIL"></a>
Creates a mailto link
<a name="NAME"></a>
Creates a target location within a document
<a href="#NAME"></a>
Links to that target location from elsewhere in the document

Creates a new paragraph
<p align=?>
Aligns a paragraph to the left, right, or center
Inserts a line break

ndents text from both sides
Creates a definition list
Precedes each definition term
Precedes each definition
Creates a numbered list
Precedes each list item, and adds a number
Creates a bulleted list
<div align=?>
A generic tag used to format large blocks of HTML, also used for stylesheets

Graphical Elements
<img src="name">
Adds an image
<img src="name" align=?>
Aligns an image: left, right, center; bottom, top, middle
<img src="name" border=?>
Sets size of border around an image
Inserts a horizontal rule
<hr size=?>
Sets size (height) of rule
<hr width=?>
Sets width of rule, in percentage or absolute value
<hr noshade>
Creates a rule without a shadow

Creates a table
Sets off each row in a table
Sets off each cell in a row
Sets off the table header (a normal cell with bold, centered text)

Table Attributes
<table border=#>
Sets width of border around table cells
<table cellspacing=#>
Sets amount of space between table cells
<table cellpadding=#>
Sets amount of space between a cell's border and its contents
<table width=# or %>
Sets width of table - in pixels or as a percentage of document width
<tr align=?> or <td align=?>
Sets alignment for cell(s) (left, center, or right)
<tr valign=?> or <td valign=?>
Sets vertical alignment for cell(s) (top, middle, or bottom)
<td colspan=#>
Sets number of columns a cell should span
<td rowspan=#>
Sets number of rows a cell should span (default=1)
<td nowrap>
Prevents the lines within a cell from being broken to fit

tag in a frames document; can also be nested in other framesets
<frameset rows="value,value">
Defines the rows within a frameset, using number in pixels, or percentage of w idth
<frameset cols="value,value">
Defines the columns within a frameset, using number in pixels, or percentage of width
Defines a single frame - or region - within a frameset
Defines what will appear on browsers that don't support frames

Frames Attributes
<frame src="URL">
Specifies which HTML document should be displayed
<frame name="name">
Names the frame, or region, so it may be targeted by other frames
<frame marginwidth=#>
Defines the left and right margins for the frame; must be equal to or greater than 1
<frame marginheight=#>
Defines the top and bottom margins for the frame; must be equal to or greater than 1
<frame scrolling=VALUE>
Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto. " The default, as in ordinary documents, is auto.
<frame noresize>
Prevents the user from resizing a frame

For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form.
Creates all forms
<select multiple name="NAME" size=?></select>
Creates a scrolling menu. Size sets the number of menu items visible before yo u need to scroll.
Sets off each menu item
<select name="NAME"></select>
Creates a pulldown menu
Sets off each menu item
<textarea name="NAME" cols=40 rows=8></textarea>
Creates a text box area. Columns set the width; rows set the height.
<input type="checkbox" name="NAME">
Creates a checkbox. Text follows tag.
<input type="radio" name="NAME" value="x">
Creates a radio button. Text follows tag
<input type=text name="foo" size=20>
Creates a one-line text area. Size sets length, in characters.
<input type="submit" value="NAME">
Creates a Submit button
<input type="image" border=0 name="NAME" src="name.gif">
Creates a Submit button using an image
<input type="reset">
Creates a Reset button