Custom Search

Wednesday, March 25, 2009

Structure Tags

To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.
Structure Tags
Function Start Tag Attribute Ending Tag
HTML File <html> none </html>
File header <head> none </head>
File title <title> none </title>
Comments <!--> Your comments go between the start and end tags. Put a space between the -- and your comments. <!-->
Body <body> background="filename"
bgcolor="color value"
text="color value"
link="color value"
vlink="color value
</body>
Division <div> align="right/left/center"
style="property:value;"
class="classname"
</div>
Span (inline) <span> style="property:value;"
class="classname"
</span>

Basic Text Tags

Basic Text Tags
Function Start Tag Attributes End Tag
Line Break <br> Clear="left/right/all" </br> or <br/>
Paragraph <p> align="center/right" </p>
Bold <b> none </b>
Italic <i> none </i>
Typewriter Text <tt> none </tt>
Headline <h1>to<h6> align="center/right" </h1> ---</h6>
Font <font> face="name, name"
size="+/-value/fixed size"
color="color value"
Note: the font tag is being phased out in favor of CSS styles.
</font>
Horizontal Rule <hr> size="XX"
width ="XX/XX%"
noshade
</hr> --- <hr/>
Block Quote <blockquote> none </blockquote>
Division <div> align="left/center/right" </div>

List Tags

List Tags
Function Start Tag Attributes End Tag
Unordered List <ul> type="disc/circle/squre" </ul>
Ordered List <ol> type="I/A/1/a/i" start="value to start counting at" </ol>
List Item <li> type=all ul and ol options </li>
Definition List <dl> none </dl>
Definition List Item <dt> none </dt>
Definition List definition <dd> none </dd >

Image Tags

Image Tags
Function Start Tag Attributes End Tag
Anchor Link < a > href="filename" target="windowname" </a>
Anchor Mark < a > name="markname" </a >
Image Tags
Function Start Tag Attributes End Tag
Insert Image <img> src="filename" align="left/right" width="XXX" height="XXX" alt="text that desribes image" ISMAP USEMAP="#mapname" </img>

Client-side Imagemap Tags

Client-side Imagemap Tags
Function Start Tag Attributes End Tag
Defiine <map> name="mapname" </map>
Area Defiine <area> shape="rect/circle/poly/point" coords="X,Y,X,Y" href="imagename" </area>

Table Tags

Table Tags
Function Start Tag Attributes End Tag
Table <table> border="X" width="XX/X%" cellspacing="XX" cellpadding="XX" bgcolor="color value" background="filename" </table>
Table Row <tr> align="left/center/right" valign="top/middle/bottom" bgcolor="color value" </tr>
Table Data < td > align="left/center/right" valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" bgcolor="color value" </td>
Table Header <th> align="left/center/right" valign="top/middle/bottom" width=X nowrap colspan="X" rowspan="X" bgcolor="color value" </th>
Caption <caption> align="left/center/right" valign="top/middle/bottom" </caption>

Frame Tags

Frame Tags
Function Start Tag Attributes End Tag
Set Frames <frame set> cols="XX/XX%/*"
rows="XX/XX%/*"
</frame set>
Frame Definition <frame> src="filename">
name="framename"
noresize
scroll=auto/yes/no
marginwidth="XX"
marginheight="XX"
</frame>
Base <base> target="framename"/
"_self"/
"_top"/
"_parent" (Note the underscores)
</base>
No Frames <no frames> Between start and end tags,
place the content that
appears when a non-frames
browser loads this page.
</no frames>

Form Tags

Form Tags
Function Start Tag Attributes End Tag
Fome <fome> method=get/put action="programname" </fome>
Input Field <input> name="variablename" type=text/password/ checkbox/radio/submit/ reset/image </input>
Selection List <select> name="variablename" size=XX multiple </select>
Selection Option <option> none </option>
Scorlling Text Field <textsrea> name="variablename" rows=XX cols=XX </textarea>

Meta Tags

Meta Tags
Function Start Tag Attri butes End Tag
<meta> (Server metatags) http-equiv="refresh" content="seconds, filename" none </meta>
<meta> (Content metatags) name="keywords/description/author/ generator/abstract/expiration" content="your information" none </meta>

Style Sheet Tags

Style Sheet Tags
Function Start Tag Attributes End Tag
Style Definition Area <style> type="text/css"> Style declarations go between begin and end style tags </style>
Link to external CSS File <link> rel=stylesheet type="text/css" href="URL" none

Thursday, March 19, 2009

Commonly Used Special Characters

Commonly-Used Special Characters
Name Symbol HTML Equivalent
ampersand & &amp;
cent sign ¢ &cent;
copyright symbol © &copy; or &#169;
degree sign ° &deg;
greater than > &gt;
less than < &lt;
non-breaking space &nbsp;
registered trade mark ® &#174;
trade mark TM &#153;