Glassraven have put together this reference sheet to provide you with a selection of the basic HTML tags that may be of use in general use around the internet (whether for starter web design, internet forums, jazzing up your auctions, with a multitude of other uses … ).
An opening tag takes the format <tag> and the closing tag </tag> The text enclosed within the tags would then have the formatting applied to it.
Download a printable version
- HTML Reference Sheet (MS Word)
- HTML Reference Sheet (PDF)
Text formatting :
<H1> </H1> Creates the largest heading
<H6> </H6> Creates the smallest heading
Heading sizes of H2 – H5 inbetween.
<strong> </strong> Bold text
<em> </em> Italic text
<tt> </tt> Teletype, or typewriter-style text
Links :
<a href=”URL”> </a> Creates a hyperlink
<a href=”URL” target=”blank”>link text</a>
Causes the link to open in a new window
<a href=”mailto:EMAIL”>email text</a>
Creates a link that will send an email
<a name=”NAME”> </a>
Creates a page ‘anchor’ within a document
<a href=”#NAME”> </a>
Links to a page anchor from elsewhere in a document (so that when the user clicks on the link they ‘jump’ to the appropriate point on the page)
General Formatting :
<p> </p>
Creates a new paragraph (with spacing above & below)
<p align=”left”> </p>
Aligns the paragraph. Can use right, center or justify
<br> Inserts a line break
<blockquote> </blockquote> Indents text from both sides
<ol> </ol> Starts a numbered list
<ul> </ul> Starts a bulleted list
<li> </li> Precedes each list item, and adds a number or bullet.
Example list:
<ul>
<li>first list item</li>
<li>second list item</li>
</ul>
This creates a list as follows:
- first list item
- second list item
Graphics / Images :
No closing tag is required on images.
<img src=”name” /> Adds an image
<img src=”name” align=”left” /> Aligns the image
<img src=”name” border=”0″ /> Sets size of border around an image
Note: if no border is required and the image is to be used as a link use a border value of 0.