Format Posting Primer

There have been one or two of these. This one goes a step further than most.

Dividing up text

Use <p> at the end of a line to create a new paragraph

Use <br> at the end of a line to start a new line

Use <hr> to place a line across the page e.g.

Emphasising Text

Use <b> and </b> either side of your text to make it bold

Use <i> and </i> either side of your text to make it italic

Use <strike> and </strike> either side of your text to strike it out

Use <u> and </u> either side of your text to underline it

Use <em> and </em> either side of your text to emphasise it

Use ^and either side of your text to make it ^superscript

Use _and either side of your text to make it _subscript

Use <code> and </code> either side of your text to change the font

Use &nbsp; between text to force a space

Quoting

Creating your own block quote

Use <blockquote> and </blockquote> either side of your text eg

Here's my quote...i don't know what to say but I'll have tothink of something to be able to demonstrate what the block quote tags can do. Effectively they place space to the left and right of the inserted text.

Lists

Ordered and unordered lists do not seem to work. Pity.

Linking

To link to another page you will need the URL of that page. This is available from the address box of your browser. Once you have this address use the following to put the link in your post


<a href="Your URL here, keeping the quotes">The text to display here</a>

For example, if you put the following in your post

<a href="http://whathifi.co.uk/forums/">This links to the forums</a>

The following will be displayed, allowing the user to follow the link to the forums page

This links to the forums

Emoticons

Use the following to place in an emoticon image.

<img src="URL to image"/>

Emoticon Type	URL	Image
Smile	http://community.whathifi.com/emoticons/emotion-1.gif
Grin	http://community.whathifi.com/emoticons/emotion-2.gif
Surprised?	http://community.whathifi.com/emoticons/emotion-3.gif
Eager?	http://community.whathifi.com/emoticons/emotion-4.gif
Wink	http://community.whathifi.com/emoticons/emotion-5.gif
Sad	http://community.whathifi.com/emoticons/emotion-6.gif
Confused?	http://community.whathifi.com/emoticons/emotion-7.gif
Bemused?	http://community.whathifi.com/emoticons/emotion-8.gif
In a sweat	http://community.whathifi.com/emoticons/emotion-9.gif
Embarassed	http://community.whathifi.com/emoticons/emotion-10.gif

So placing this in your post

<img src="http://community.whathifi.com/emoticons/emotion-10.gif"/>

will display this in your post

Images

Use the following to place in an image in your post.

<img src="URL to image"/>

You can only post images which are available on line.

Find the image you want to display. Right click the image and select properties. Copy the URL and use it to define the src (source) of the image.

So placing this in your post

<img src="http://www.haymarket.com/images/brands/media/name/Stufftv_logo.gif"/>

will display this in your post



To post your own images, you'll have to host them in something like flickr. This is what I use but doubtless there are others.

EDIT FROM MODS - When posting pictures, please format them to max 400 pixels wide to avoid them busting out of the forum frame. Huge pictures will be deleted.

Errr, use the following to place in an image in your post and limit its width.

<img src="URL to image" width="400"/>

Table

More complex. A two column table is defined like this


<table>
   <tr><th>Column 1</th><th>Column 2</th></tr>
   <tr><td>Row 1 Column 1</td><td>Row 1 Column</td></tr>
   <tr><td>Row 2 Column 1</td><td>Row 2 Column </td></tr>
   <tr><td>Row 3 Column 1</td><td>Row 3 Column </td></tr>
</table>

This html will display this

Simply copy the HTML above into your post and modify the text for your own. Unless you know what you are doing, I suggest that you do not add additional columns.