Basic HTML Reference Sheet
This reference sheet is to provide you with a selection of the basic HTML tags that may be of use in general use around the internet (whether for starter web design, internet forums, jazzing up your auctions, with a multitude of other uses).
An opening tag takes the format <tag> and the closing tag </tag>. The text enclosed within the tags would then have the formatting applied to it.
Basic Tags
<html></html> - Creates an HTML document
<head></head> - Defines the "header" section of the document.
<body></body> - Defines the user-viewable portion of the page
Header Tags
<title></title> - Sets the title of the page
Body Attributes
<body bgcolor=?> - Sets the background color using a name or hex value
<body text=?> - Sets the text color using a name or hex value
<body link=?> - Sets the color of a link using a name or hex value
<body vlink=?> - Sets the color of a visited link using a name or hex value
<body alink=?> - Sets the color of a link onclick, using a name or hex value
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 typewriter-styled text
<cite></cite> - Creates a citation, usually italic
<em></em> - Emphasizes a word, used with bold or italic text
<strong></strong> - Emphasizes a word, used with bold or italic text
<font size=?></font> - Sets the font size, value can be from 1 to 7
<font color=?></font> - Sets the font color, by name or hex value
Link Tags
<a href = "URL"></a> - Creates a link to the specified URL
<a href = "mailto:EMAIL"></a> - Creates a "MailTo" link
<a name = "NAME"></a> - Creates a named location to target in the document
<a href = "#NAME"></a> - Creates a link to a named location in the document
Formatting
<p></p> - Creates a new paragraph
<p align=?> - Aligns a paragraph to the left, center, or right
<br> - Inserts a line break
<blockquote></blockquote> - Indents 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
Graphical Elements
<img src="name"> - Adds an image
<img src="name" align=?> - Aligns an image left, center, right ; top, middle, or bottom
<img src="name" border=?> - Sets the size of the border around an image
<hr> - Creates a horizontal rule
<hr size=?> - Sets the size (height) of the rule
<hr width=?> - Sets the rule width, as a percentage or an absolute value
<hr noshade> - Creates a rule with no shadow
Tables
<table></table> - Creates a table
<tr></tr> - Sets each row of a table
<td></td> - Sets each cell in a row
<th></th> - Sets the table header ; use table attributes within this tag
Table Attributes
<table border=#> - Sets the width of the border around cells
<table cellspacing=#> - Sets the ammount of space between each cell
<table cellpadding=#> - Sets the ammount of space between the cell border an its contents
<table width =#> (or =%) - Sets the width of a table, in pixels or percentage of width
<tr align=?> or <td align=?> - Sets the alignment for cell(s) ; left, center, or right
<tr valign=?> or <td valign=?> Sets the vertical alignment for cell(s) ; top, middle, or bottom
<td colspan=#> - Sets the number of columns a cell should span
<td rowspan=#> - Sets the number of rows a cell should span (default is 1)
<td nowrap> - Prevents the lines from within a cell from being broken to fit
Back to Business Resources
|