Line Breaks and Spacing

Unlike most wordprocessing programs, HTML will compress any amount of white space (carriage returns, blank spaces, etc) into a single blank space. For example:

Text typed        like              this   

in   

a   

HTML     Document.

Produces:

Text typed like this in a HTML Document.

To add more than one space between words, use this special character (use lower case):   (note the semi-colon). Repeat   for each space you want to include (eg:    ).

Use the <BR> tag to end one line and start another. There is no closing tag for <BR>. For example, Line 1<BR>Line 2 yields:

Line 1
Line 2

Note:   There’s no closing tag for <HR>.

Centering Text

The tags <center></center> will allow you to center text on your ad. For example: <center>An Example of centered Text</center> yields:

An Example of centered Text

Bold, Italic, and Underline

Let me review briefly the tags for bold, italic, and underlined text which I introduced to you on the 1st page of this tutorial.

<B>The bold tag</B> The bold tag
<U>The underline tag</U> The underline tag
<I>The italic tag</I> The italic tag

Lists

HTML allows you to make two types of lists easily:

  • Unordered lists (and)
  • Ordered lists

Unordered Lists

There are 3 tags associated with unordered lists:

  1. The <UL> tag instructs the browser to get ready to make an unordered list.
  2. The <LI> tag tells the browser that is a list item.
  3. The </UL> tells the browser that the list is complete.

Here’s an example of an unordered list:
<UL>
<LI> Trading Cards
<LI> Bean Bag Animals
<LI> Comic Books
</UL>

Yields:

  • Trading Cards
  • Bean Bag Animals
  • Comic Books

Ordered Lists

An ordered list produces a list with numbers. Again, there are three tags associated with ordered lists:

  1. The <OL> tag instructs the browser to begin making an ordered list.
  2. The <LI> tag tells the browser this is a list item.
  3. The </OL> tag tells the browser that the list is complete.

Here’s an example of an ordered list:
<OL>
<LI> Cola
<LI> Root Beer
<LI> Ginger Ale
</OL>

Yields:

  1. Cola
  2. Root Beer
  3. Ginger Ale

You may desire to add a link to your other auctions your home page (Check your auction site’s Terms of Service before adding links to your auction).

Here are the tags you need to do this.

<a href=”url“>page name</a>

For example:

<a href=”http://auctionlink.to/saddleonline”>See the rest of my auctions!</a>

Yields:

See the rest of my auctions!
(Try it - it works!)

Looking for professional auction templates to help convert visitors to your listings to buyers?  When you’re ready to graduate from free auction templates to the ones that the professionals use, I highly recommend Listing Factory 2008.  You can choose from the dozens of included predesigned templates, or create your own template to use over and over again.  Listing Factory 2008 even includes a FREE 100mb image hosting account.  It’s the system that I use to quickly and easily create and post my auctions. What used to take me 30-40 minutes, I now accomplish in about five!  I recommend you download your free 30-day trial of Listing Factory 2008 today.

Related Posts:

  • eBay HTML Code - Part 1
  • eBay Tools
  • eBay HTML Code Tutorial - Part 2
  • Understanding Bid Increments and Proxy Bidding Part III
  • Multiple Auction Pictures


  • Comments

    RSS feed for comments on this post. | TrackBack URI

    6 Responses to “eBay HTML Code Tutorial - Part 3”

    1. richard randall on February 22nd, 2006 5:44 am

      could improve maybe, try:
      <a href=”URL” rel=”nofollow”>text</a> where URL=red, text=green

      a little confusing with a green ‘page name’ followed by green ‘See the rest…’

    2. Jennifer on September 21st, 2007 5:18 am

      Hello, I created my code and tested it out using wordpad and it looks fine. But when I insert it into my description box on eBay and go to preview the listing, all I get is the code. But it looks fine through notepad after I saved it as an html document and opened it through my browser. Can you advise what I may be doing wrong? Thanks!

    3. Doug Feiring on September 25th, 2007 2:28 am

      Jennifer,
      In the description section of eBay’s sell your item form, make sure you have clicked the “HTML” tab (vice the “Standard” tab).

    4. Dave on November 14th, 2007 7:05 pm

      Jennifer,

      Saving it through wordpad puts all sorts of formatting characters around the text, which confuse the browser. As you noticed, notepad works. (so does Crimson Editor)

    5. Joe G. on February 5th, 2008 6:26 pm

      Hi, I’m looking for a way to present my eBay feedback inside my listing - I want to add the 2 top boxes from the feedback page to some of my listings.
      I see that eBay offers special html tags but they are for special pages only (store pages & about me page), so I had no luck using them.
      Any ideas?

    6. Karen W on August 21st, 2008 11:24 pm

      Joe, did you find an answer to your question? I would like to do the same thing on my listings.

      Thanks!

    Leave a Reply