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

Paid E-Mail.co.uk

Want to join our partner sites-then send us an
E-Mail

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"?Red,Green,Blue
"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
Links
Formatting
Graphical Elements
Tables
Table Attributes
Frames
Frames Attributes
Forms




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

Header Tags
<title></title>
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
<pre></pre>
Creates preformatted text
<h1></h1>
Creates the largest headline
<h6></h6>
Creates the smallest headline
<b></b>
Creates bold text
<i></i>
Creates italic text
<tt></tt>
Creates teletype, or typewriter-style text
<cite></cite>
Creates a citation, usually italic
<em></em>
Emphasizes a word (with italic or bold)
<strong></strong>
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

Links
<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

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

ndents text from both sides
<dl></dl>
Creates a definition list
<dt>
Precedes each definition term
<dd>
Precedes each definition
<ol></ol>
Creates a numbered list
<li></li>
Precedes each list item, and adds a number
<ul></ul>
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
<hr>
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

Tables
<table></table>
Creates a table
<tr></tr>
Sets off each row in a table
<td></td>
Sets off each cell in a row
<th></th>
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

Frames
<frameset></frameset>
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
<frame>
Defines a single frame - or region - within a frameset
<noframes></noframes>
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

Forms
For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form.
<form></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.
<option>
Sets off each menu item
<select name="NAME"></select>
Creates a pulldown menu
<option>
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