ProtoPad HTML Quick Ref




HTML ProtoPad v1.0
To Select a Tag,
Select by Dragging, and Then Right-Click Copy/Paste
into ProtoPad's Window Text Area


Element Description
<!- --> Comment
<!DOCTYPE...> Document's DTD type
<A> Define hyperlink or target
<ABBR> Abbreviation style
<ACRONYM> Define acronym
<ADDRESS> Return-address format
<APPLET> Embed Java applet
<AREA> Create hot spot on image map
<B> Boldface text
<BASE> Default URL or frame
<BASEFONT> Default font size
<BDO> Bidirectional override
<BGSOUND> Define background sound in MS IE
<BIG> Make text relatively large
<BLINK> Make text blink
<BLOCKQUOTE> Indent text
<BODY> Main content of document
<BR> Break to next line
<BUTTON> On-screen button
<CAPTION> Table caption
<CENTER> Center text or image
<CITE> Show in citation format
<CODE> Monospace text
<COL> Table column
<COLGROUP> Column group
<COMMENT> Programmer comment
<DD> Definition description
<DEL> Deleted text
<DFN> Defining instance of a term
<DIR> Directory list
<DIV> Define division of content in document
<DL> Definition list
<DT> Definition term
<EM> Emphasize text
<EMBED> Embed plug-in
<FIELDSET> Frame page elements
<FONT> Set font face, color, size
<FORM> Define a form
<FRAME> Define one frame
<FRAMESET> Define frames
<H1..H6> Display as heading
<HEAD> Define page header
<HR> Horizontal rule
<HTML> Outermost tag
<I> Italics
<IFRAME> Inline frame
<ILAYER> Inline layer
<IMG> Graphic image
<INPUT> Form field
<INS> Inserted text
<ISINDEX> Searchable index
<KBD> Keyboard format
<KEYGEN> Generate public key materials
<LABEL> Label form control
<LAYER> Define a netscape layer
<LEGEND> Set of fields in FIELDSET element
<LI> List item
<LINK> Embed external file
<LISTING> No longer used
<MAP> Image map info
<MARQUEE> Define scrolling text (MS IE)
<MENU> List of items
<META> Document header info
<MULTICOL> Newspaper-style columns
<NOBR> No break
<NOEMBED> Alternative to embedded font
<NOFRAMES> Content for frame-dead browsers
<NOLAYER> Alternative for layer
<NOSCRIPT> Text for non-JavaScript browsers
<OBJECT> Embed object
<OL> Numbered list
<OPTGROUP> Option group
<OPTION> Select box option
<P> Paragraph
<PARAM> Java applet parameter
<PLAINTEXT> Obsolete
<PRE> Preformatted text
<Q> Short quotation
<S> Strikeout
<SAMP> Sample format
<SCRIPT> Client-side script
<SELECT> Drop-down list
<SERVER> Server-side script
<SMALL> Smaller text
<SPACER> Insert blank space
<SPAN> Small span of content
<STRIKE> Strikeout text
<STRONG> Bold text
<STYLE> CSS Style definition
<SUB> Subscript
<SUP> Superscript
<TABLE> Define table
<TBODY> Table Body
<TD> Table cell
<TEXTAREA> Large form field
<TFOOT> Table footer
<TH> Table heading
<THEAD> Table heading
<TITLE> Titlebar title
<TR> Table row
<TT> Typewriter font
<U> Underline
<UL> Bulleted list
<VAR> Variable font
<WBR> Word break
<XMP> Obsolete




HTML Basic Document

<html>
<head>
<title>Document name goes here</title>
</head>

<body>
Visible text goes here
</body>

</html>

Heading Elements

<h1>Largest Heading</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Smallest Heading</h6>

Text Elements

<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>

Logical Styles

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>
<i>This text is italic</i>

Links, Anchors, and Image Elements

<a href="http://www.w3schools.com/">This is a Link</a>
<a href="http://www.w3schools.com/"><img src="URL" alt="Alternate Text"></a>
<a href="#anchor_name">This is an anchor</a>
<a href="mailto:someone@microsoft.com">Send Mail</a>

Unordered list

<ul>
<li>First item</li>
<li>Next item</li>
</ul>

Ordered list

<ol>
<li>First item</li>
<li>Next item</li>
</ol>

Definition list

<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>

Tables

<table border="1">
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>

Frames

<frameset cols="25%,75%">
  <frame src="page1.htm">
  <frame src="page2.htm">
</frameset>

Forms

<form action="http://www.somewhere.com/somepage.asp" method="post/get">

<input type="text" name="lastname" value="Nixon" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">

<select>
<option>Apples
<option selected>Bananas
<option>Cherries
</select>

<textarea name="Comment" rows="60" cols="20"></textarea>

</form>

Entities

&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Other Elements

<!-- This is a comment -->

<blockquote>
Text quoted from some source.
</blockquote>

<address>
Address 1<br>
Address 2<br>
City<br>
</address>