HTML Crib Sheet

Subscript

Here is a line with subscript text for the symbol for Nitrogen: N2 using the following code:

N<sub>2</sub>


Superscript

This is a line with superscript used to display a date format: 12th of November and here is the code:

12<sup>th</sup>


Trademark

This is how you add the superscript TM symbol to a trademark: ParcelPod™

ParcelPod&trade;


Currency symbols

This is how you add the pound or euro symbol to a number: £325.00 €325.89

&pound;325.00 &euro;325.89


Un-ordered lists

Below is a simple list of three bulleted items:

  • Item One
  • Item Two
  • Item Three

This is first created by declaring <ul> </ul> to indicate everything included between these tags will be an 'un-ordered list' then each item in the list is enclosed in <li> </li>


Ordered lists

Below is a numbered list:

  1. Python
  2. Perl
  3. Ruby

This is first created by declaring <ol> </ol> to indicate everything included between these tags will be an 'ordered list' ie the items are numbered. As above each item in the list is enclosed in <li> </li> and will increment by one for every new item.


Hyperlinking "jumping" within a page

To link to other parts of the same page first you must place anchors at the places you want to jump to, this is done by adding

<a name="top"></a>

to the top of the page in this example, then create a hyperlink with the following code:

<a href="#top">top of page</a>

Note the # hash preceding the anchor name, this signifies that the link is within the same page

top of page

return to previous page

Quick links

The Maker CMS

The ONLY way to deploy and manage your websites!…

How To's

Quick help…

Hobby Time

click here…

Mobile Me

Apple web services…

Python

The source…

Python411

Python podcasts…

FA Parkes

Your one stop shop for hardware…

ParcelPod

Mail and Parcel delivery solution…

Free CSS Templates

High quality CSS templates…

HTML Dog

HTML and CSS reference…

SourceForge

login…

DropBox

login…

Names control

login…

Webfaction control

login…

iWiki

login…