Nobody Listened Basic HTML Codes

Result
Code
Link
<a href="http://google.com">Link</a>
Link In New Window
<a href="http://google.com" target="_blank">Link In New Window</a>
Bold
<b>Bold</b>
Underline
<u>Underline</u>
Italic
<i>Italic</i>
Strike
<s>Strike</s>
Blink - NB: Only works in Firefox
<blink>Blink</blink>
Colour Text
<font color="COLOUR CODE IN HERE>Colour Text</font>
<textarea>Content</textarea>
Hover Over Me
<abbr title="Hello There!">Hover Over Me</abbr>
<button>Hello</button>
Centered Text like the rest of the content on this page
<div align="center">Content</div>
Text on the right
<div align="right">Content</div>
Next
Line
Next <br> Line

New

Paragraph

<p>New</p>
<p>Paragraph</p>
Why Hello There!
<marquee>Why Hello There!</marquee>
<img src="IMAGE URL IN HERE" />
This following image links to another site:

<a href="SITE URL"><img src="IMAGE URL" border="0" />

You Need to Remember when linking to a site with an image to have border="0" and if you want it to open in new window include target="_blank"

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

<img src="URL IMAGE" align="left" /> Content Content Content Content

If you want the image to be on the right change it to align="right"

Big Font

<font size="+2">Text</font>

You can change the number +2 to anything depending on the size you want the text.

Small Font

<font size="-2">Text</font>

You can change the number -2 to anything depending on the size you want the text.

Hello I am in a nice customisable box :) etc etc etc etc etc etc etc etc etc etc :)

<div style="background-color:#006699; border:#FFFFFF solid 1px; margin:1px; padding: 1px;">Hello I am in a nice customisable box :) etc etc etc etc etc etc etc etc etc etc :)</div>

You can change this to whatever colour you want!
This is the colour of the border
This is the type of border: solid, dotted, dashed
This determines the thickness of the border, if you choose dotted/dashed as your border type then best to keep it 1px, but if you choose solid doesn't matter.

Written by Artin :) - www.nobody-listened.org
Last Updated 18 April 2008