| Structure Tags - click on the tag for more info about it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Document type | <!DOCTYPE> | Strict - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> Transitional - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Frameset - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> |
none |
| HTML page | <html> | none | </html> |
| Page Heading | <head> | none | </head> |
| Page Title | <title> | none (Maximum number of characters to use is 60) | </title> |
| Hidden Comments | <!-- | Your comments go between the start and end tags. Put a space between the -- and your comments. The comments will not show up on the page, only in the code. | --> |
| Body | <body> | none |
</body> |
| Division | <div> | id="idname" style="property:value;" class="classname" |
</div> |
| Span (inline) | <span> | id="idname" style="property:value;" class="classname" |
</span> |
| Object | <object> | align="left/right/top/bottom archive="URL" border="pixels" classid="class ID" codebase="URL" code type="MIME type" data="URL" declare="declare" height="pixels" hspace="pixels" name="unique_name" standby="text" type="MIME type" usemap="URL" vspace="pixels" width="pixels" |
</object> |
| Object parameters | <param /> | name="unique_name" id="idname" type="MIME type" value="value" valuetype="data/ref/object" |
none |
| Basic Text Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Abbreviation | <abbr> | none | </abbr> |
| Acronym | <acronym> | none | </acronym> |
| Bi-direction override | <bdo> | dir="ltr (left to right) / rtl (right to left)" | </bdo> |
| Line Break | <br /> | clear="left/right/all" | none |
| Paragraph | <p> | none | </p> |
| Bold Text | <b> | none | </b> |
| Italic Text | <i> | none | </i> |
| Teletype Text | <tt> | none | </tt> |
| Headings | <h1 thru 6> | none | </h1 thru 6> |
| Horizontal Rule | <hr /> | none | none |
| Block Quote | <blockquote> | none | </blockquote> |
| Citation | <cite> | none | </cite> |
| Address | <address> | none | </address> |
| Emphasize | <em> | none | </em> |
| Subscript Text | <sub> | none | </sub> |
| Superscript Text | <sup> | none | </sup> |
| Big Text | <big> | none | </big> |
| Small Text | <small> | none | </small> |
| Computer Code Text | <code> | none | </code> |
| Keyboard Text | <kbd> | none | </kbd> |
| Preformatted Text | <pre> | none | </pre> |
| Sample Computer Code | <samp> | none | </samp> |
| Variable Text | <var> | none | </var> |
| Deleted Text | <del> | cite="url" datetime="YYYYMMDD" |
</del> |
| Definition Term | <dfn> | none | </dfn> |
| Inserted Text | <ins> | cite="url" datetime="YYYYMMDD" |
</ins> |
| Strong Emphasized Text | <strong> | none | </strong> |
| Short Quotation | <q> | none | </q> |
| List Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Unordered List | <ul> | none | </ul> |
| Ordered List | <ol> | none | </ol> |
| List Item | <li> | none | </li> |
| Definition List | <dl> | none | </dl> |
| Definition Term | <dt> | none | </dt> |
| Terms Definition | <dd> | none | </dd> |
| Link Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Anchor Link | <a> | charset="character encoding" coords="" [if shape="rect" then coords="left,top,right,bottom"" if shape="circ" then coords="centerx,centery,radius" if shape="poly" then coords="x1,y1,x2,y2,..,xn,yn"] href="filename" hreflang="language code" name="section name" rel="alternate/designates/stylesheet/start/ next/prev/contents/index/glossary/copyright/ chapter/section/subsection/appendix/help/bookmark" rev="alternate/designates/stylesheet/start/next/ prev/contents/index/glossary/copyright/chapter/ section/subsection/appendix/help/bookmark" shape="rect/circ/poly" target="windowname/_blank/_parent/_self/_top" type="mime type" |
</a> |
| Anchor Mark | <a> | href="#markname" name="markname" |
</a> |
| Base | <base /> | target="framename/_self/_top/_parent" (Note the underscores) |
none |
| Button Link | <button> | disabled name="button name" type="button/reset/submit" value="value name" |
</button> |
| Image Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Insert Image | <img /> | src="filename" width="XXX" height="XXX" alt="text that describes image" ISMAP USEMAP="#mapname" |
none |
| Client-side Imagemap Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Define Map | <map> | id="idname" name="mapname" |
</map> |
| Area Definition | <area /> | shape="rect/circle/poly/point" coords="X,Y,X,Y" href="imagename" |
none |
| Table Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Table | <table> | border="X" cellspacing="XX" cellpadding="XX" frame="void/above/below/hsides/lhs/rhs/vsides/box/border" must use with border="" rules="none/groups/rows/cols/all" must use with border="" summary="table name" width="XX/X%" |
</table> |
| Table Row | <tr> | align="left/center/right" valign="top/middle/bottom/baseline" |
</tr> |
| Table Data | <td> | abbr="abbr text" align="left/center/right/justify/char" axis="category names" char="character to align" Only used if align="char" charoff="pixels/%" Only used if align="char" colspan="X" headers="header cells' id" rowspan="X" scope="col/colgroup/row/rowgroup" valign="top/middle/bottom/baseline" width="pixels/%" |
</td> |
| Table Header | <th> | abbr="abbr text" align="left/center/right/justify/char" axis="category names" char="character to align" Only used if align="char" charoff="pixels/%" Only used if align="char" colspan="X" headers="header cells' id" rowspan="X" scope="col/colgroup/row/rowgroup" valign="top/middle/bottom/baseline" width="pixels/%" |
</th> |
| Caption | <caption> | none | </caption> |
| Column (can oly be used with colgroup) | <col> | align="right/left/center/justify/char" char="character to align text" charoff="pixels/%" span="xx" valign="top/middle/bottom/baseline" width="%/pixels/relative length" |
</col> |
| Column Group | <colgroup> | align="right/left/center/justify/char" char="character to align text" charoff="pixels/%" span="xx" valign="top/middle/bottom/baseline" width="%/pixels/relative length" |
</colgroup> |
| Table Body | <tbody> | align="right/left/center/justify/char" char="character to align text" charoff="pixels/%" valign="top/middle/bottom/baseline" |
</tbody> |
| Table Footer | <tfoot> | align="right/left/center/justify/char" char="character to align text" charoff="pixels/%" valign="top/middle/bottom/baseline" |
</tfoot> |
| Table Header | <thead> | align="right/left/center/justify/char" char="character to align text" charoff="pixels/%" valign="top/middle/bottom/baseline" |
</thead> |
| Frame Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Set Frames | <frameset> | cols="XX/%/*" rows="XX/%/*" |
</frameset> |
| Frame Definition | <frame> | frameborder="0/1" longdesc"url" marginwidth="pixels" marginheight="pixels" name="framename" noresize scrolling="auto/yes/no" src="filename" |
</frame> |
| Inline Frame | <iframe> | frameborder="0/1" longdesc"url" marginwidth="pixels" marginheight="pixels" name="framename" noresize scrolling="auto/yes/no" src="filename" |
</iframe> |
| No Frames | <noframes> | Between start and end tags, place the content that appears when a non-frames browser loads this page. | </noframes> |
| Form Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Form | <form> | accept="list of contents" accept-charset="" action="the programs name" enctype="text/plain" method="get/post" name="form name" target="_blank/_self/_parent/_top" |
</form> |
| Input Field | <input> | accept="list of mime types" align="left/right/top/texttop/middle/ absmiddle/baseline/bottom/absbottom" alt="image description" Checked Disabled maxlength="" used with type="text" name="variablename" used with type="" readonly src="image url" size="xx" type="button,checkbox/file/hidden/image/ password/radio/reset/submit/text" value="value" |
none |
| Selection List | <select> | disabled name="variablename" size="XX" multiple |
</select> |
| Selection Option | <option> | disabled label selected value |
</option> |
| Scrolling Text Field | <textarea> | cols="XX" disabled name="variablename" rows="XX" readonly |
</textarea> |
| Label for a field | <label> | for="id_of_another_field" | </label> |
| Draws box around field of elements | <fieldset> | none | </fieldset> |
| Defines a caption for a fieldset | <legend> | align="left/center/right" | </legend> |
| Defines an option group | <optgroup> | label="text_label" disabled |
</optgroup> |
| Meta Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Server Refresh metatag | <meta /> | http-equiv="refresh" content="seconds, url" |
none |
| Cookie metatag | <meta /> | http-equiv="set-cookie" content="value=cookiename=some value; expires=date cookie expires; path=url" |
none |
| Content metatag | <meta /> | name="keywords[maximum of 874 characters in content]/ description[maximum of 150 characters in content]/ author/robots/generator/rating/expiration/ copyright/language/classification/distribution/ revisit-after/reply-to" content="your information" |
none |
| Style Sheet Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Style Definition Area | <style> | type="text/css" Style declarations go between begin and end style tags |
</style> |
| External Files Link Tag - click on the tag for more info on it | ||||
|---|---|---|---|---|
| Function | Start Tag | CSS Attributes | JavaScript Attributes | End Tag |
| Link to external CSS and JavaScript Files | <link> | rel="stylesheet" type="text/css" href="URL" |
rel="javascript" type="text/javascript" href="URL" |
none |
| JavaScript Tags - click on the tag for more info on it | |||
|---|---|---|---|
| Function | Start Tag | Attributes | End Tag |
| Script Definition Area | <script> | type="text/javascript" Script declarations go between begin and end script tags |
</script> |
| For browsers without javascript capability | <noscript> | none | </noscript> |
| Click here for info on ASCII Special Characters These are the main ones used | |||
|---|---|---|---|
| Name | Symbol | HTML Name Equivalent | HTML Number Equivalent |
| exclaimation mark | ! | ! | ! |
| double quotes | " | " | " |
| number sign | # | # | # |
| dollar sign | $ | $ | $ |
| percent sign | % | % | % |
| ampersand | & | & | & |
| apostrophe | ' | ' | ' |
| left parenthesis | ( | ( | ( |
| right parenthesis | ) | ) | ) |
| asterisk | * | * | * |
| plus sign | + | + | + |
| comma | , | , | , |
| minus or hyphen | - | − or ‐ | - |
| period | . | . | . |
| slash | / | / | / |
| colon | : | : | : |
| semicolon | ; | ; | ; |
| less than | < | < | < |
| equals sign | = | = | = |
| greater than | > | > | > |
| question mark | ? | ? | ? |
| at sign | @ | @ | @ |
| left square bracket | [ | [ | [ |
| backslash | \ | \ | \ |
| right square bracket | ] | ] | ] |
| caret | ^ | ˆ | ^ |
| underscore | _ | _ | _ |
| acute accent | ` | ` | ` |
| left curly brace | { | { | { |
| vertical bar | | | | | | |
| right curly brace | } | } | } |
| tilde | ~ | ˜ | ~ |
| low horizontal ellipsis | … | … | … |
| dagger mark | † | † | † |
| double dagger mark | ‡ | ‡ | ‡ |
| left single quote | ‘ | ‘ | ‘ |
| right single quote | ’ | ’ | ’ |
| left double quote | “ | “ | “ |
| right double quote | ” | ” | ” |
| round filled bullet | • | • | • |
| en dash | – | – | – |
| em dash | — | — | — |
| trademark | ™ | ™ | ™ |
| non-breaking space | |   | |
| inverted exclamation | ¡ | ¡ | ¡ |
| cent sign | ¢ | ¢ | ¢ |
| broken vertical bar | ¦ | ¦ | ¦ |
| section sign | § | § | § |
| umlaut | ¨ | ¨ | ¨ |
| copyright symbol | © | © | © |
| left angle quote | « | « | « |
| not sign | ¬ | ¬ | ¬ |
| registered trademark | ® | ® | ® |
| degree sign | ° | ° | ° |
| plus or minus | ± | ± | ± |
| superscript two | ² | ² | ² |
| superscript three | ³ | ³ | ³ |
| acute accent | ´ | ´ | ´ |
| paragraph sign | ¶ | ¶ | ¶ |
| middle dot | · | · | · |
| cedilla | ¸ | ¸ | ¸ |
| superscript one | ¹ | ¹ | ¹ |
| right angle quote | » | » | » |
| one-fourth | ¼ | ¼ | ¼ |
| one-half | ½ | ½ | ½ |
| three-fourths | ¾ | ¾ | ¾ |
| inverted question mark | ¿ | ¿ | ¿ |
| multiply sign | × | × | × |
| division sign | ÷ | ÷ | ÷ |
© Copyright 2001,2002 Southern Twilight All rights reserved.