A Slacker's Guide to HTML: Tag Reference Chart HTML 4.0

Interactive Tag Reference

You might want to hit CONTROL+D and bookmark this page if you are forgetful.

Hello. Welcome to A Slacker's Guide to HTML Interactive Tag Reference. Below is a listing of a lot HTML tags and links leading to their explanations (only if they need to be explained). If the tag is <b>, which makes text bold, then you do not need an explanation, right? All you have to know is that you put <b> before text you want to be bold and </b> after the text.

If there is not an explanation that satisfies your curiosity, and if there is no link to click on next to the tag for a further explanation, then simply scroll up to the top of that colored cell and click on the link saying "Page XXX".

Master List for Tags

An asterisk (*) denotes that there is NO closing tag (ex. the meta tag)
Also, keep in mind that with the advent of XHTML closing tags are forever necessary always.

Page One

<html>: signifies start of an HTML document
<head>: signifies start of head of document
<title> signifies title </title>
<meta>: * signifies meta info for promoting your site
<body>: signifies start of body

Page Two

<basefont>: * signifies universal font for the page
<b>: signifies bold text
<i>: signifies italic text
<u>: signifies underlined text
<cite>: signifies cited text
<var>: signifies a variable
<s>: signifies ~~strikethrough~~ text
<kbd>: signifies keyboard text
<pre>: signifies preformatted text
<tt>: signifies typewriter text
<samp>: signifies sampled text
<plaintext>: signifies plain text
<font>: signifies font information
<h1> through <h6>: signifies a header. Larger number = smaller size
<blockquote>: signifies a blockquote
<q>: signifies a quote within a blockquote
<blink>: signifies blinking text. Netscape only. Click here for more
<marquee>: signifies... marqueeing ...text. Internet Explorer only. Click here for more
<br>: * signifies line break
<nobr>: signifies non-breaking line
<p>: * signifies a paragraph break (close tag no longer optional)
<big>: signifies text sized one size bigger
<small>: signifies text sized one size smaller
<listing>: signifies a listing
<address>: signifies an address
<p/div align="center/left/right">: signifes an alignment setting
<div>: signifies a division of the page (useful in CSS & DHTML)
<p align="center">: signifies the centering of something
<spacer>: * signifies a spacer block thing. Netscape only
<sub>: signifies a _subscript
<sup>: signifies a ^superscript
<a href="http..." title="Title Goes Here"> signifies a title for text links
width and height: * lists the width and height properties of an object
thumbnails: shrunken images
<img src="blah.gif" alt="text goes here">: alternate text
: signifies hidden declaration
<hr>: signifies horizontal rule

Page Three

<img src="http://www.you.com/img1.gif">: signifies an image
lists are explained here

Page Four

<a>: signifies start of a link
<form>: signifies start of a form
<input> signifies a small Input Field/Radio Button/Checkbox/Send & Clear Button
<textarea> signifies a large Text Box
<option> signifies a Pull-down Menu

Page Five

tables: click here
frames: click here

Home - Sitemap
Complete HTML Guide - Free Downloads for Webmasters - Tips & Tricks - Tag Reference
Style Sheets Tutorial - JavaScript Library - Dynamic HTML Script Library - XHTML Primer