HTML Tag Quick Reference Guide - By Type

ken's picture

Here is a complete reference guide for available HTML tags sorted by type. Click on each tag for further information!

Structure Tags:
<Body></Body> - Body Tag.
<!-- --> - For Comments.
<div></div> - Divide Tag.
<Span></Span> - Span Tag.
<Head></Head> - Head Tag.
<Html></Html> - Html Tag.
<NOBR></NOBR> - No Breaks Tag.
<Title></Title> - Title Tag.

Text Editing Tags:
<B></B> - Bold Tag.
<Basefont></Basefont> - Basefont Tag.
<Big></Big> - Big Tag.
<Blink></Blink> - Blink Tag.
<Blockquote></Blockquote> - Blockquote Tag.
<BR> - Break Tag.
<Center></Center> - Center Tag.
<Cite></Cite> - Cite Tag.
<Code></Code> - Code Tag.
<EM></EM> - Emphasis Tag.
<FONT></FONT> - Font Tag.
<H1></H1> - Header Tags (1-6).
<I></I> - Italic Tag.
<P></P> - Paragraph Tag.
<Strike></Strike> - Strike Tag.
<Strong></Strong> - Strong Tag.
<Sub></Sub> - Subscript Tag.
<Sup></Sup> - Superscript Tag.
<TT></TT> - Teletext Tag.
<U></U> - Underline Tag.
<WBR></WBR> - WordBreak Tag.

Link Tags:
<a></a> - Anchor Tags.
<BASE></BASE> - Base Tag.

Image Related Tags
<area></area> - Area Tag.
<IMG> - Image Tag.
<Map></Map> - Map Tag.

Form Tags
<Form></Form> - Form Tag.
<INPUT> - Input Tag.
<Select></Select> - Select Tag.
<Textarea></Textarea> - Textarea Tag.

List Tags
<LI></LI> - List Item Tag.
<OL></OL> - Ordered List Tag.
<UL></UL> - Unordered List Tag.

Table Related Tags
<Caption></Caption> - Caption Tag.
<Col></Col> - Col Tag.
<Colgroup> - Colgroup Tag.
<Table></Table> - Table Tag.
<TD></TD> - Table Down Tag.
<TR></TR> - Table Row Tag.

Frame Related Tags
<Frame> - Frame Tag.
<Frameset></Frameset> - Frameset Tag.
<Noframes></Noframes> - Noframes Tag.

Definition Tags
<DFN></DFN> - Definition Tag.
<DD></DD> - Definition Description Tag.
<DL></DL> - Definition List Tag.
<DT></DT> - Definition Tag Tag.

Miscellaneous Tags:
<address></address> - Address Tag.
<applet></applet> - Applet Tag.
<BGSound></BGSound> - BGSound Tag.
<DFN></DFN> - Definition Tag.
<EMBED></EMBED> - Embed Tag.
<HR></HR> - Horizontal Rule Tag.
<INS></INS> - Insertion Tag.
<KBD></KBD> - Keyboard Tag.
<LINK> - Link Tag.
<Marquee></Marquee> - Marquee Tag.
<Parameter></Parameter> - Parameter Tag.
<Pre></Pre> - Preformated Text Tag.
<Samp></Samp> - Sample Text Tag.
<Script></Script> - Script Tag.
<Style></Style> - Style Tag.
<Var></Var> - Variable Tag.


Comments

Ralph van den Berg's picture

Table Related Tags

One un-common tag (you'll never see it anywhere!) is the table header tag.

<TH></TH>

This tag can be used in your first table row (it acts like a row) and provides "titles" for your columns.

---Ralph van den Berg
visit RalphvandenBerg.com

Ralph van den Berg's picture

Stylesheet Junkies

Some of us can get away with using 80% up only DIV tags, and putting all the rest in a CSS file. This can become very useful, but also addictive and thus dangerous.

For a brief explanation: <div class="myclass">Something (not restricted to text, can even be blank!)</div>

The cool thing about DIVs is that they don't really do anything at all on their own (very similar to SPAN), you just define anything you like in your stylesheet.css (.myclass{ color:#336699; }). This can keep your webpage consistant by repeating certain styles throughout your site, and changes take effect everywhere after you edit only the CSS file.

Like I said, useful, but addictive. Don't get carried away!

---Ralph van den Berg
visit RalphvandenBerg.com

Ralph van den Berg's picture

More coming soon

I plan to write an article about this, probably called something like H1 vs. DIV. Look for it, it'll be there. I'll explain why there is this "Danger" of addiction...

---Ralph van den Berg
visit RalphvandenBerg.com