Have your say & ask the experts

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://whathifi.com/emoticons/emotion-1.gif
Grin	http://whathifi.com/emoticons/emotion-2.gif
Surprised?	http://whathifi.com/emoticons/emotion-3.gif
Eager?	http://whathifi.com/emoticons/emotion-4.gif
Wink	http://whathifi.com/emoticons/emotion-5.gif
Sad	http://whathifi.com/emoticons/emotion-6.gif
Verge of crying?	http://whathifi.com/emoticons/emotion-7.gif
Bemused?	http://whathifi.com/emoticons/emotion-8.gif
In a sweat	http://whathifi.com/emoticons/emotion-9.gif
Embarassed	http://whathifi.com/emoticons/emotion-10.gif

So placing this in your post

<img src="http://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.

---

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

Column 1	Column 2
Row 1 Column 1	Row 1 Column 2
Row 2 Column 1	Row 2 Column 2
Row 3 Column 1	Row 3 Column 2

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.

---

Change the background colour of a table using the bgcolor attribute


<table bgcolor="LightGrey">
   <tr><th>Column 1</th><th>Column 2</th></tr>
   <tr><td>Row 1 Column 1</td><td>Row 1 Column 2</td></tr>
   <tr><td>Row 2 Column 1</td><td>Row 2 Column 2</td></tr>
   <tr><td>Row 3 Column 1</td><td>Row 3 Column 2</td></tr>
</table>

This will give you

Column 1	Column 2
Row 1 Column 1	Row 1 Column 2
Row 2 Column 1	Row 2 Column 2
Row 3 Column 1	Row 3 Column 2

---

You had some spare time on your hands then

Joking aside; thats all very useful stuff to have as a reference.

---

Oooh, look what I just did!

Yes and thanks.

Incidently, if there are any requests I'll take a look and add them to the first posting.

With new look forum on it's way I will be glad that we can format our post in the way it should be done and PJ, that was very good of you mate.

[quote user="Thaiman"]With new look forum on it's way I will be glad that we can format our post in the way it should be done and PJ, that was very good of you mate.[/quote] Agree. All going well, this primer should have a very short shelf life. Assuming that the software gets delivered on time. Hhhmmm. What's the chances of that then?

Updated OP to include a section on posting images. Should have put it in in the first place.

[quote user="PJPro"]All going well, this primer should have a very short shelf life. Assuming that the software gets delivered on time. Hhhmmm. What's the chances of that then?[/quote]

I think that Hhhmmm is apposite - AFAIK the forums will stay the same when the site gets upgraded, so your solid work on this tutorial will not have been in vain, PJP.

[quote user="Andrew Everard"]

[quote user="PJPro"]All going well, this primer should have a very short shelf life. Assuming that the software gets delivered on time. Hhhmmm. What's the chances of that then?[/quote]

I think that Hhhmmm is apposite - AFAIK the forums will stay the same when the site gets upgraded, so your solid work on this tutorial will not have been in vain, PJP.

[/quote] Andrew, this being the case, perhaps it would be better to get one of your "web monkeys" to do something a little more formal and stick into a page which is not a thread.

Alternatively, myself (and others) could submit updates to, say yourself, who could update the page rather than paying the web monkeys for something we can provide for ourselves.

Just an idea.

 Heres one that I've used that may be worth adding to the original post.  It allows a link to be opened in a new tab or window:

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

 

This is superb. Well done you.

Crossing stuff out & underlining

OP updated to include strike out, underlining, emphasising, sub and superscript

What's the difference between emphasising and italics?

[quote user="JohnDuncan"]What's the difference between emphasising and italics?[/quote] Didn't the Italics play Romania tonight?. . . .Sorry couldn't help myself

Not a lot...but I like to give options.