contact    site map    future plans    sponsors    about us    home

Please click here for a HTML practice pad   (requires a java enabled browser to work)

TIP, If you see an HTML effect you like on any web page, in your browser window, click edit & view source,
scroll until you find the code you want, then copy/paste it to notepad, its then your code to use!!
If you find HTML a little daunting, why not sign up for one of our FREE image hosting accounts, where you will find an excellent and easy to use on-line html auction template maker, plus the required HTML can automatically be included to an ebay sell your item form for you!

<br>   Makes a new line (like carriage return)
<P>   Makes a new paragraph (2 line breaks)
<h1> text </h1> text
<h2> ... . . </h2>
<h3> ... . . </h3>
<h4> ... . . </h4>
<h5> ... . . </h5>
<h6> text </h6> text

<font size=1> Font size 1 </font>

<font size=2> Font size 2 </font>

<font size=3> Font size 3 </font>

<font size=4> Font size 4 </font>

<font size=5> Font size 5 </font>

<font color=red> Named Color, red </font> (For a list of web page colors, please click here.)



<font face="Helvetica"> Helvetica font </font>

<font face="Tahoma"> Tahoma font </font>

<font face="Verdana"> Verdana font </font>

<font face="Times New Roman"> Times New Roman </font>

<b> Bold </b>

<i> Italics </i>

<u> Underline </u>

<tt> Typewriter font </tt>

<em> Emphasis </em>

<marquee>makes text scroll</marquee> only in Internet Explorer

<blink> makes text blink </blink> only in Netscape

<strike> cross out text </strike> cross out text

To display an image or gif

<img src=http://www.auctionpix.co.uk/imagename.jpg>

To show more than 1 image, just repeat the code, using the next images url

<img src=http://www.auctionpix.co.uk/imagename.jpg> <br>
<img src=http://www.auctionpix.co.uk/newimagename.jpg>
Note : I have used a <br> to separate the images)



To add music

<embed src=http://url of your tune.mid loop=true autoplay=true hidden=true>

the values of true can be changed to false depending on what you want to do with the tune.



Making a Clickable Link

<a href=http:// url of the target>Click here </a>... will give you   Click here

Image Link

<a href=http:// url of the target><img src=http:// url of your image></a>

Email Link

<a href=mailto:name@.domain.com> Email Me </a>

Text alignment

Specify a relationship to surrounding text, can be one of these:

<center> </center> centres the text on a page

<p align="left"> aligns text to the left

<p align="center"> aligns text to the centre

<p align="right"> aligns text to the right

<p align="justify"> aligns text in a block

Basic Table Tags

<table> </table>   Start and Closing tags of a Table.
<tr>   </tr>   Start and Closing tags of a Table Row.
<td>   </td>   Start and Closing tags of the Table Data.

Simple Tables

<table border=2>
<tr>
<td> Your table details </td><td> More table details </td>
</tr>
</table>
Your table details More table details

<table border=2>
<tr>
<td> Your table details </td><td> More table details </td>
</tr>
<tr>
<td> Even more table details </td><td>Yet more table details </td>
</tr>
</table>

Your table details More table details
Even more table details Yet more table details

<table border=0 bgcolor=red>
<tr>
<td> <font color=white size=3><b>Your table details</b> </font>
</td>
</tr>
</table>

Your table details

<table border=3 bgcolor=blue>
<tr>
<td> <font color=white size=3><b>Your table details</b> </font>
</td>
</tr>
</table>

Your table details

Unordered list:

<ul>
<li> First item in the list
<li> Next item in the list
</ul>

  • First item in the list
  • Next item in the list
            Ordered list:
<ol>
<li> First item in the list
<li> Next item in the list
</ol>

  1. First item in the list
  2. Next item in the list

Back to Top