Other Articles / Resources
Glassraven Articles
- All About Search Engine Optimisation
- Does my business need a website?
- Promoting your website
- Accepting Payments Online
- Trading Online - Legal Requirements
- Writing Great Website Content
Glassraven Web Resources:
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.
About the Author
This article is part of a series written by Sadie Knight of Glassraven. The full series of articles is available on the Glassraven website.
Glassraven was set up in February 2002, offering quality websites at affordable prices to small-medium businesses and start-ups.