Download Report

How to use HTML?
For eBay Guide
Copyright 2011
Published Design by Nur
1
How to use HTML?
For eBay Guide
Table of Contents
Selling on eBay
Writing Title
Adding Photos
Adding Gallery Picture
Gallery Plus Option
Adding self-‐‑hosted picture
How to copy and paste a text
How to copy and paste a link?
How to copy images?
Selling Format
Payment Methods
Specify Shipping Method
How to write a good description?
How to describe listing item using HTML?
What is a HTML anyway?
Using Title, Headers
Basic simple HTML tags
Text FormaIing
Using Paragraphs
Line Breaks
Making Text Bold
Italicize Words
Underline Words
What do we need to know about Font Types?
Special Characters
Horizontal Line
Marquee
Bulleted List
List Tags
Background and Colors
Creating Tables
Table Tags
FormaIing Links, Graphics and Sounds
Using Sound, Movie & Flash
An example HTML eBay template code
2
How to use HTML?
For eBay Guide
Are you ready to sell your item on eBay?
To sell any item on eBay you have to register and become an eBay seller.
First of all, you should collect information about your item, how much does
it usually sell for, what are the features, how much would it cost to ship it,
etc. Then you need to write a good title and description for your item. Do
not forget to add good pictures. People like to see images of the item. Try
to take good digital pictures of your item from several angles and close up
to show all of its features. It is helpful if you sign up for a PayPal account,
since most people use PayPal, to make quick payments. This allows
buyers to pay you online with a credit or debit card. To learn more about
using PayPal, go to www.paypal.com . Make sure you know your itemʹs
packaging cost for shipping. When you list your item, you can enter the
package size and weight to have eBay automatically calculate shipping
costs for you and your buyers. Now you are ready to sell on eBay.
1. Selling on eBay
Click on the Sell link at the top of any eBay page to start the process.
3
How to use HTML?
For eBay Guide
After you write some descriptive words about your item, eBay displays
categories where items like yours were often found. Once you have
selected a category, check to make sure it is a good fit by clicking on See
Sample Listings. This will display Completed listings in that category – it is
always worth it to check. Once you choose the best category for your item,
click Save & Continue. eBay may suggest additional categories for your
item. If you believe, your item fits into more than one category; you may
add a second category. This enables more buyers to see your listing.
However, though additional fees apply for listing in two categories.
2. Title A well‐written Title will help to sell your item!
You have total 55 characters, (about 10 words) to describe your item. That
means choose the words carefully, think about the best way to describe
your item. In a way, a Title is the summary of your long description that you
will write it later.
Title Do’s
Use multiple, descriptive keywords that clearly convey what you are selling.
Specify your itemʹs brand name, artist, or designer.
Specify your itemʹs attributes such as: if you are selling a pair of boots;
Example: Brand new, waterproof, black ,Totes boots, women size 7
You may specify your item’s country/location is it from. Example: New
Italian Brown Leather Laptop Case
Title Donʹts
Avoid using uncommon abbreviation when you write a title.
eBay search usually brings exact matches as search result.
Avoid using silly words, made up words,
such as;
wow, @@Look, or characters, ###cheappppp!
***Awesomeeeeee!!!!!!!!!!!!!!!!!
Avoid misspelling the words especially brand name of your item.
Such as; IVM Laptop, instead of writing IBM laptop.
Avoid wasting space with prepositions.
Using a single space is enough to separate words.
4
How to use HTML?
For eBay Guide
Avoid squishing all the words too!
Never write one endless title.
Like this: brandnewcameracomeswithcase
Avoid using all capital letters.
Contain Web site addresses, email addresses or phone numbers.
The only exception to this rule is the sale of domain names.
Do not use the following words in an attempt to market or advertise their
item: ʺprohibitedʺ, ʺbannedʺ, ʺillegalʺ, ʺoutlawedʺ or any other descriptive
word which may bring into question the legality of an item by either
governmental or eBay standards.
You can always add a subtitle if you like to explain your item in a longer
title. It will be extra fee for that. If your item is digital delivery, in the title
area you need to specify this. It is odd place to find digital delivery option in
title. So remember to click on the add option link!
5
How to use HTML?
For eBay Guide
If your item is digital delivery, in the title area you need to
specify this. Now you need to add Item Specifics to your listing.
Enter specifics about your item here to help buyers find your listing. Such
as; subject, category. You can also enter your custom subject or category.
You can remove these options, if you do not want to enter.
Description
The most important part of your listing is the item description. You will read
detail information about this subject later. Meanwhile you can continue
reading step by step eBay listing features.
3. Good Photos Sell
After you choose a category, and wrote your title, it is time to add at least
one picture of your item. Do not forget adding the first picture is free. So, do
not skip this option if you like to sell your item quickly. Adding more pictures
not only gives richness to your listing, it also shows the item specifications
visually. If you use eBay Picture Services, each additional picture will cost
you $0.15. The Basic form lets you browse for the pictures you saved on
your computer, so you can upload them to eBay for your listing. Once you
have selected the pictures, click Upload Pictures at the bottom of the page.
6
How to use HTML?
For eBay Guide
You can display a small picture of your item in search results and category
lists. Buyers can instantly see what you are selling without another click. In
order to preview this feature, select or mouse over it and look at the ʺHow
your listing will appear in search resultsʺ section.
7
How to use HTML?
For eBay Guide
Add Gallery Picture (usually apply a small fee)
Display a picture in search results to help buyers find your item.
When buyers view search results or category lists, they see your Gallery
picture next to the title of your listing. This feature has advantage of when
buyers click the ʺGallery Items Onlyʺ tab, they see a catalog‐like page
showing photos of Gallery items, including yours.
Gallery Plus Option (Display extra large pictures in search results, usually a
fee applies) When eBay users mouse over your listing in search results, a
large pop‐up window will instantly open with a larger picture of your item. In
order to preview this feature, select or mouse over it and look at the ʺHow
your listing will appear in search resultsʺ section. Do not forget self‐hosted
pictures cannot be used with the Gallery Plus feature.
Adding your self‐hosted picture of the listing item
8
How to use HTML?
For eBay Guide
You can always add photos of your item on your listing description area. All
you have to do is host your image somewhere, (there are many free image
hosting services, just google it!) then copy and paste the url of your image
in description area.
Such as: <img src=ʺhttp://www.thedomainname.com/images/
yourpicturename.jpgʺ> The <img> tag and indicate the Web address (URL)
for the picture.
Your picture will appear in the Web browser at the spot where your tag is
listed.
* A URL is the place on the internet where your picture is stored. When
someone brings up an eBay page the HTML codes will fetch the picture
from where you stored it. If you look at the
top of your browser you will see the location of your web page whatever
you are reading it. If you upload a picture to somewhere online, you have to
write the full website URL.
Example:
http://www.photonur.com/images/120.gif.
Make sure your picture ends in .jpg or .gif and that you have NO spaces in
your URL. Remember, URLʹs are case sensitive, Abag is not the same as
abag. Just copy and paste this URL address to description box area.
How to copy and paste a text
First, you need to ʺHighlightʺ the text you want to copy. This is done by
placing your mouse cursor at the beginning of the desired text and while
holding the ʺleftʺ mouse button depressed, and dragging the cursor across
the text.
This shows how text highlighted will look like.
When you have the desired text highlighted, you then copy by using the
key board short cut of pressing your ʺControlʺ key and the
keyboards ʺcʺ key at the same time.
To copy ʺctrl + cʺ. Or just highlight text, choose ʺeditʺ and then
choose ʺcopyʺ
9
How to use HTML?
For eBay Guide
To Paste the item that is now on your clipboard, you need to open up the
program where you want the text to be. Click where you want the text
positioned. From your keyboard, press ʺctrl + vʺ To paste ʺctrl + vʺ. Your
text will be pasted.
How to copy and paste a URL link?
First, highlight the URL. Then Right click of your mouse. Copy the URL
address. Then paste it on your document.
How to copy images?
You can save an image or graphic to a folder or your desktop easily.
10
How to use HTML?
For eBay Guide
Position your mouse cursor on the graphic you would like to save and ʺright
Clickʺ on the graphic. A small box will pop up and you choose ʺSave Picture
Asʺ.
Then another box will popup and here at ʺSave Inʺ you choose the folder
where you want to store the graphic. Give the graphic a name of your
choice.
ʺSave As Typeʺ of graphic. For example, GIF or JPEG.
When you copy and paste your image to eBay description box, you may
add some attributes. Such as: align, border, hspace, vspace , height,
width , alt, and title.
Alt: Defines a short description of the image Align: left, right, center
Specifies how to align the image according to surrounding text. Height:
Defines the height of an image vspace: Defines white space on the left and
right side of the image. Border: Defines a border around an image.
Examples:
<center><font color=green size=+2><img src=http://
your_picture_url>Detail Picture</font></center>
<img src=ʺhttp://www.photonur.com/images/120.gifʺ border=ʺ0ʺ alt=ʺPhoto
Nurʺ title=ʺMore info at my websiteʺ />
Linked In‐line image with border
<a href=ʺ# http://www.photonur.comʺ target=ʺ_blankʺ><img
border=ʺ2ʺ src=ʺ../images/120.gif ʺ title=ʺFor more info visit my website
Photo Nurʺ alt=ʺPhotoNurʺ></a>
You can give an email link to your image
<a href=ʺmailto:youremail@addressʺ><img src=ʺhttp://your_picture_urlʺ></
a>
<p align=ʺcenterʺ><a href=ʺ[email protected]ʺ><img src=ʺ http://
www.yourdomain.com/image.jpg ʺ></a></p>
11
How to use HTML?
For eBay Guide
4. Selling Format:
You need to select what selling format to use. Y
ou have three choices:
Auction‐style, Reserve, Buy It Now
If you choose auction‐style, then decide what price to start the
bidding. Low starting bids always encourage bidding.
12
How to use HTML?
For eBay Guide
A reserve price is the minimum you are willing to accept for your item.
A reserve protects you, but it may also discourage bidders hoping for a
bargain.
You may also want to offer a Buy It Now price for a quicker sale. If you
have a feedback score of at least 10, then you can choose the Fixed Price
format, where you set the selling price. Then choose the duration of your
listing. Five and seven‐day listings let more people see your item. You can
also choose 10 days listing for a fee.
5. Payment Methods:
13
How to use HTML?
For eBay Guide
Have you thought about payment? Accepting PayPal payments is a
common way to be paid for your item. Remember three out of four buyers
prefer to pay with PayPal. You may accept money order, checks or credit
card payments.
Specify Shipping Method
This is where you inform buyers how much they will pay for shipping. You
can list a flat rate for everyone or you can provide the weight and size of
the package so eBayʹs calculator can automatically generate the shipping
cost. You may also add a handling fee. Buyers wonʹt see this number, but it
will be added to the calculated shipping cost.
14
How to use HTML?
For eBay Guide
Make sure to check that the item location is correct and tell buyers if you
are willing to ship internationally. On some items, global shipping may
increase sales.
At the bottom of the form, there is additional information to fill in. This
includes whether there will be a charge for sales tax and what your return
policy is.
Many buyer read about Return Policy . If you write about it, this will have a
positive effect for many buyers. When youʹve finished filling out the form,
click Save and Continue at the bottom.
Always check out the preview, to see how your listing will look in the search
results. This gives you the chance to revise the listing to improve its
appeal.
Click on Preview to take a final look at your listing before you are done.
Click Edit Listing to make any revisions, and then click List Item for Sale.
15
How to use HTML?
For eBay Guide
At the bottom of the page review, the fees charged for your listing.
Remember: These are the fees for the listing alone. If your item sells, you
will be charged a final value fee based on a percentage of the final sale
price. More information about eBay seller fees visit:
http://pages.ebay.com/help/sell/fees.html
How to write a good description?
You need to think about your item’s features
well. Such as:
* What material is it made of?
Leather, wood, glossy paper etc.
When was it made? French antique, fine art oil painting 1826
What company/artist/designer/author made it?
Gucci Women Purse
* What condition is it in?
NIB (new in box)
* Is the item new, used, or still under warranty?
Genuine leather lifetime warranty!
* Be sure to mention any flaws or repairs.
Used carpet, at the left edge has a small tear.
* What are its dimensions?
Miniature Turkish Woven Rug ‐4X6
* What country/location is it from?
This camera made in Germany, not Japan.
* Does it have any notable features or markings?
The coat has coffee stain.
* Does it have a special background or history? It is important to write your
version of the item’s story if you like to give personality. Buyers like to read
these details. For instance, the purse you are selling used by your
grandma. You may tell; Classic beaded 1920’s black purse.
My grandmother who only used this purse only at the weddings! She went
only five weddings in her lifetime. She did not like much weddings anyway.
It is much better way to say; this bag hardly ever used.
* Highlighting the value and savings for buyers.
16
How to use HTML?
For eBay Guide
Examples:
I received this cell phone as Christmas gift, never used. Item almost new! I
bought it 2 months ago...Selling for half price! CD Player, Original, Never
Opened, Free Shipping! Blue cotton men shirt, new, I paid $80, buy now
only $50. Low shipping. Kodak 5megapixel used digital camera comes with
free leather case and extra battery.
How to describe listing item using HTML?
If you choose basic tab, you will be writing plain description in a paragraph.
This is not too attractive for eBay visitors. You can use HTML to give better
looking description at your eBay listing item page. When you are ready to
describe your item click on the HTML tab.
What is a HTML anyway?
A simple answer is a language that allow us to create the web pages.
HTML means HyperText Markup Language. It has code‐words and syntax
like any other language. You can format your eBay item description with
HTML. In this tutorial, you will learn simple HTML tags. HTML is written with
17
How to use HTML?
For eBay Guide
plain text. What you use to set certain sections apart by using tags, as
headings <h1>, subtitles, bold text, underlined text, italic and so on. You
may think of tags as making your structure. These are the words written
between the <angle‐brackets>. Different tags will perform different
functions. For instance, you want a heading , bigger text, in your page. You
will put a tag at the exact point you want the heading to start and another
tag where you want the heading to stop.
Example:
<h1>This is a big header</h1>
If you want just a word to be emphasized, you will place a start emphasis
tag <b> or <strong> at the beginning of the word and an end emphasis tag
at the end of the word. All tags have the same format. They begin with a
less‐than sign: < and end with a greater‐than sign: >. Always. No
exceptions. What goes inside the < and > is the tag. Learning HTML is
learning the tag to perform whatever command you want to do. Most html
tags consist of a beginning tag and an ending tag.
18
How to use HTML?
For eBay Guide
Examples:
<p> it means paragraph </p> it means end of the paragraph.
<title>How to use HTML Guide for eBay sellers</title>
Pay attention to the / in the second tag. All ending tags contain a /. This
slash is very important, it tells the browser that what you wanted done has
ended.
You can use combination of tags too. Make sure to begin and
end both. <strong><em>Strong and emphasis</em></strong>
gives you Bold and Italic
Using Title, Headers
When you write your description, item name, item specifications or shipping
rates, you may like to use titles. To do so; you can use <h1>, <h2>, <h3>,
<h4>, <h5> or <h6> titles. The heading tag comes with numbers, <H1> to
<H6>. The numbers beside the H tell the browser how large the letters are
to be, with 1 being the largest and 6 the smallest.
Examples:
If you want to center something on the webpage you use
these tags: <CENTER>This text will be in the middle of the
page</CENTER> The text enclosed between these tags will
be centered on your web page.
Information inside a meta element describes the web pageʹs keywords. You
can add to your item description some keywords, so search engines can
find your item more easily. <meta name=ʺkeywordsʺ content=ʺDesign by
Nur ebook, ebook, HTML guide, how toʺ>
Basic simple HTML tags:
<!DOCTYPE> Defines the document type Document Type <HTML></
HTML> (beginning and end of file) <!‐‐...‐‐> Defines a comment Title
<TITLE></TITLE> (must be in header) Header <HEAD></HEAD>
(descriptive info, such as title) Body <BODY></BODY> (beginning of
the page coding)
19
How to use HTML?
For eBay Guide
Text Formatting
You can write your <h1> largest heading in the middle of the page this way.
<h1> align=center>Brand New Leather Coat</h1> It will look like this:
Brand New Leather Coat
<h2> align=right>Handmade Blue Velvet Quilt</h2> It will
look like this:
Handmade Blue Velvet Quilt
<h3>Cherry Wood Picture Frame, Double
Matted</h3> It will look like this:
Cherry Wood Picture Frame, Double Matted
<h4>We combine shipping.</h4> <h5>We ship only to confirmed address!
</h5>
<h6>This is a digital delivery, if you need help for downloading, please
send us an email!</h6>
Using Paragraphs
When you are ready to start a new paragraph you need to use <p>
beginning of your sentence. When you finish your sentence use </p> tag at
the end.
Example:
<p> This is a new sentence as a paragraph.</p>
Line Breaks
BR means go to the next line it is short for ʺbreak the line nowʺ. Line break
tag <br> is used for getting some text into a line of its own.
Example:
20
How to use HTML?
For eBay Guide
<p>You should use line break in order
to<br> increase readability.</p>
Making Text Bold
If you like to change the way your text looks bold use <b> or <strong> </
strong> tags will make your text bolder.
Examples:
<b>Satisfaction guarantee, bid with
confidence!</b> <strong>Please leave a
feedback!</strong> <b>Thank you for
looking at my auction!</b>
Thank you for looking at my auction!
Italicize Words
You can italicize words by using <i> </i> or <em></em> tags.
<i>Get a free charger</i> It will look like this: Get a
free charger You can emphasis text using <em></
em> tag.
Underline Words
You can underline words by using <u> </u> tag.
<u>We have all positive feedback</u> It will look like this: We have all
positive feedback
Text Formatting
<small>...</small> Makes the enclosed text one size smaller.
Large Font Size <big>…</big>
Makes the enclosed text one size
bigger.
Align Text <P ALIGN=LEFT|CENTER|
RIGHT></P> Justify Text <P
ALIGN=JUSTIFY></P>
21
How to use HTML?
For eBay Guide
<font>...</font> Sets the font properties for the selected text.
Font Color <FONT COLOR=ʺyellowʺ></FONT> name of the color or
hexadecimal code. Such as: #dddddd (it means light grey) example:
<FONT COLOR=ʺ#ccccccʺ></FONT> Select Font <FONT FACE=ʺ***ʺ></
FONT> example: <FONT FACE=ʺTahomaʺ></FONT>
<FONT WEIGHT=?></FONT>
What do we need to know about Font Types?
HTML supports a wide variety of fonts.
Click to see common font types on the web.
If your font is installed in the users’ computer, they can see the font as it is.
If they do not have that font installed, they will see whatever their default
font is. For instance; If you wrote a text with font Tahoma, if user has font
Tahoma installed in their computer, the user will read your text as Tahoma.
If the user’s computer does not have Tahoma, then the default font is used
(such as Arial, Helvetica, Verdana). Another important issue is; each
browser responds in its own way. Your text might look bolder on Microsoft
Internet Explorer, and thinner look on Mozilla. Always be aware that what
can be envisioned will not always work. With the small font sizes used in
routine text for web pages, various font types may seem to be the same
size. When using large fonts, size differences become obvious. A main
point here: do not focus on too much fonts. You are trying to sell item on
eBay, no one will care what font you use.
In order to show exact font that you are using, which can be use as graphic
image, so it can be view it all same in very browser. Even though Internet
22
How to use HTML?
For eBay Guide
Explorer users are dominant online,
but still you need to think about other browser users.
23
How to use HTML?
For eBay Guide
24
How to use HTML?
For eBay Guide
Here is some fonts as graphic shown below;
Special Characters
You may like to use some special characters on your eBay listing.
Please be aware that not all characters are supported by every
browser. Some browsers may support the numeric reference
without supporting the character entity reference.
For example, to display the © symbol using the numeric
character reference, enter:
©
Non‐Breaking Space use:  
25
How to use HTML?
For eBay Guide
There is a long list includes the HTML codes for many of the special
character symbols used on Web pages at my website, please check it out
for more information.
http://www.designbynur.com/eng/specialcharacters.htm
Here is a picture of special character codes:
http://www.designbynur.com/images/char1.gif
Horizontal Lines
You may like to draw a line across the screen,
then use <hr> for ʺhorizontal ruleʺ.
Horizontal line helps to separate sentences; it helps to show different
section of the page. <hr> tag usually indicates a division in the page. You
can also use these attributes:
width=ʺ500ʺ would set the width to 500 pixels or percentage
40%. size=ʺ10ʺ would set the height of the line to 10 pixels.
align=ʺcenterʺ would center the line on the page
(horizontally). You can also use LEFT or RIGHT.
noshade prevents the horizontal line from being shadowed.
color=ʺ#FF0000ʺ sets the color to red. (It works only Internet
Explorer)
Example: <HR align=ʺcenterʺ width=ʺ50%ʺ color=ʺgreenʺ >
Marquee
You may use a scrolling text marquee to give attention of a news,
or discount, etc.
Example:
26
How to use HTML?
For eBay Guide
Direction Attribute: Direction can be left, right, up or down.
<marquee align=ʺbottomʺ>Free shipping for this item!</
marquee>
Slide Attribute: The marquee slides once and stops. Reload to see it in
action again. <marquee behavior=ʺslideʺ direction=ʺrightʺ>Your marquee
text slides from right</marquee> <marquee behavior=ʺalternateʺ>Your
marquee text bouncing here</marquee>
Loop Attribute: The marquee will stop after the number of times
looped. <marquee loop=ʺ5ʺ>Please visit my other listings!</
marquee>
This looping marquee loops 5 times and stops. Reload the webpage to see
it in action again.
Text and Image Attribute: The marquee can have an image and text
together.
Example Marquee:
<marquee direction=ʺdownʺ height=ʺ90ʺ> <img
src=ʺrightarrow.gifʺ width=ʺ40ʺ height=ʺ30ʺ alt=ʺlookʺ>Visit my eBay store
for more listings. </marquee>
Example Marquee:
<p><font size="2" color="red" face="verdana"> <marquee bgcolor="yellow"
width="300"> Thank for looking at my auction!</marquee></font></p>
* Remember; always close your tags in the reverse order that you have
opened them.
Bulleted List
Using the <ul> and <ol> tags with or without the type attribute set.
You may use disc, circle, square attributes.
27
How to use HTML?
For eBay Guide
<ul> <li>Durable</li>
<li>Waterproof</li> <li>Long
lasting</li> </ul>
It will look like this:
• Durable
• Waterproof
• Long lasting
You may use disc, circle, square attributes.
<ul type=ʺsquareʺ><li>Pine wood</li></ul> <ul
type=ʺsquareʺ><li>Cheery wood</li></ul>
It may look like this:
๏ Pine wood
๏ Cherry wood
List Tags
Unordered List <UL><LI></UL> (before each list item) Compact <UL
COMPACT></UL> Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE>
(for the whole list) Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE>
(this & subsequent) Ordered List <OL><LI></OL> (before each list
item) Compact <OL COMPACT></OL> Numbering Type <OL
TYPE=A|a|I|i|1> (for the whole list) Numbering Type <LI TYPE=A|a|I|i|
1> (this & subsequent)
Starting Number <OL START=?> (for the whole list)
Starting Number <LI VALUE=?> (this & subsequent)
Definition List <DL><DT><DD></DL> (<DT>=term, <DD>=definition)
Compact <DL COMPACT></DL>
Menu List <MENU><LI></MENU> (before each list item)
28
How to use HTML?
For eBay Guide
Compact <MENU COMPACT></MENU>
Directory List <DIR><LI></DIR> (before each list item)
Compact <DIR COMPACT></DIR>
Background and Colors
Tiled Bkground <BODY BACKGROUND=ʺURLʺ> Watermark <BODY
BGPROPERTIES=ʺFIXEDʺ> Bkground Color <BODY
BGCOLOR=ʺ#000000ʺ> (order is red/green/blue) Text Color <BODY
TEXT=ʺ#242D02ʺ> dark grey Link Color <BODY LINK=ʺ#3232FFʺ>
blue Visited Link <BODY VLINK=ʺ#EAB90Fʺ> orange Active Link
<BODY ALINK=ʺ#E24F4Fʺ> pink
When adding color to your HTML description page, it is possible to simply
type in the name of the color; however, you should use a hexadecimal
code. The reason for wanting to use them instead of the names is fairly
simple: not all browsers and computer setups, even popular ones, will
always recognize the color name in the same way that yours does. For
example, it may display ʺlavenderʺ as orange. However, hexadecimal
codes are universal, always telling any computer the same thing.
Hexadecimal codes ‐‐otherwise known as ʺhex codesʺ ‐‐are series of
numbers and letters, which indicate to the internet browser what colors
should be displaying. The chart at the website shows a small sampling of
hex codes (there are 16.7 million valid options).
(More info at http://www.designbynur.com/eng/webcolors.htm )
You may look at the big picture of a color chart with hex codes.
Here is the image of all web safe colors:
http://www.designbynur.com/images/bgchart.png
Creating Table
Use a table in order to organize your item listing better. You may like to add
a table to your page. You can also give many attributes to your table. Try to
give percentage as width. Since monitor sizes are so different, the table
can be fit better as percentage in the page. If you give pixel as size in
29
How to use HTML?
For eBay Guide
different browser and monitors may look odd. Such as: if you say table size
400pixel in a big screen monitor that area will look rather small.
Example:
This is a sample HTML table code covers most of the page (90%).
Table width=90% HTML code:
<table width="90%" border="0" cellpadding="4">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Table
Tags:
The <table> tag defines a table. Inside a <table> tag, you can put table
headers, table rows, table
cells, and other tables.
Define Table <TABLE></TABLE>
Table Alignment <TABLE ALIGN=LEFT|RIGHT|CENTER>
Table Border <TABLE BORDER></TABLE> (either on or off)
Table Border <TABLE BORDER=?></TABLE> (you can set the value)
Cell Spacing <TABLE CELLSPACING=?>
Cell Padding <TABLE CELLPADDING=?>
Desired Width <TABLE WIDTH=?> (in pixels)
Width Percent <TABLE WIDTH=%> (percentage of page)
30
How to use HTML?
For eBay Guide
Table Color <TABLE BGCOLOR=ʺ#eeeeeeʺ></TABLE> (or use color name
like yellow)
Table Rules <TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></
TABLE>
Border Color <TABLE BORDERCOLOR=ʺ$$$$$$ʺ></TABLE>
Dark Border <TABLE BORDERCOLORDARK=ʺ$$$$$$ʺ></TABLE>
Light Border <TABLE BORDERCOLORLIGHT=ʺ$$$$$$ʺ></TABLE>
Table Row <TR></TR>
Alignment <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
Table Cell <TD></TD> (must appear within table rows)
Alignment <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|
BOTTOM>
No linebreaks <TD NOWRAP>
Columns to Span <TD COLSPAN=?>
Rows to Span <TD ROWSPAN=?>
Desired Width <TD WIDTH=?> (in pixels)
Width Percent <TD WIDTH=ʺ%ʺ> (percentage of table)
Cell Color <TD BGCOLOR=ʺ#$$$$$$ʺ>
Header Cell <TH></TH> (same as data, except bold centered)
Alignment <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
No Linebreaks <TH NOWRAP>
Columns to Span <TH COLSPAN=?>
Rows to Span <TH ROWSPAN=?> Desired Width <TH WIDTH=?> (in
pixels)
Width Percent <TH WIDTH=ʺ%ʺ> (percentage of table)
Cell Color <TH BGCOLOR=ʺ#ccccccʺ>
Table Body <TBODY>
Table Footer <TFOOT></TFOOT> (must come before THEAD>
Table Header <THEAD></THEAD>
Table Caption <CAPTION></CAPTION>
Alignment <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT> Column
<COL></COL> (groups column attributes) Columns Spanned <COL
SPAN=?></COL> Column Width <COL WIDTH=?></COL> Width Percent
<COL WIDTH=ʺ%ʺ></COL> Group columns <COLGROUP></
COLGROUP> (groups column structure) Columns Spanned <COLGROUP
SPAN=?></COLGROUP> Group Width <COLGROUP WIDTH=?></
COLGROUP> Width Percent <COLGROUP WIDTH=ʺ%ʺ></COLGROUP>
31
How to use HTML?
For eBay Guide
Tables are good way to organize your page. You can add photo, description
in a row, which can display in order. Tables are defined with the <table>
tag.
A table is divided into rows (with the <tr> tag), and each row is divided into
data cells (with the <td> tag).
The letters td stands for ʺtable data,ʺ which is the content of a data cell.
A data cell can contain text, images, lists, paragraphs, forms, horizontal
rules, tables, etc.
If you do not specify a border attribute the table will be displayed without
any borders.
To display a table with borders, you will have to use the border
attribute.
32
How to use HTML?
For eBay Guide
Example Table HTML code:
<table width="300" border="1" cellpadding="4"
cellspacing="4">
<tr>
<td bgcolor="#FF9900"> </td>
<td bgcolor="#FF9900"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
Formatting Links, Graphics and Sounds
Link Something
To link something you need to write this code: HREF=ʺURLʺ></A> If you
like to add a link to your About Me page simple add this code: <a
href=ʺhttp://mypage.comʺ>This is my personal webpage</a> Change the
url address to yours.
33
How to use HTML?
For eBay Guide
It is useful to give a target blank option; if you do not want your visitors
leave from your eBay About Me, or eBay store page.
Example:
<p><a href=ʺhttp://www.designbynur.comʺ target=ʺ_blankʺ>Design by
Nur</a></p>
Link to Location <A HREF=ʺURL#***ʺ></A> (if in another document) <A
HREF=ʺ#***ʺ></A> (if in current document) Target Window <A
HREF=ʺURLʺ TARGET=ʺ***ʺ></A> Link to Email <A
HREF=ʺmailto:[email protected]ʺ></A> Specify Subject <A HREF=ʺmailto:@?
SUBJECT=***ʺ></A> (use a real question mark) Define Location <A
NAME=ʺ***ʺ></A>
Using Images
It is a good way adding a link to an image. For instance, you do not want to
write your email address or phone number on the web to avoid spam.
Search engines cannot read images.
Example:
This image has a website link, goes to www.designbynur.com
<p><a href=ʺhttp://www.designbynur.comʺ target=ʺ_blankʺ><img
src=ʺhttp://www.designbynur.com/images/btndesignbynur.jpgʺ width=ʺ250ʺ height=ʺ249ʺ>Design by Nur </a></p>
Display Image <IMG SRC=ʺURLʺ> Alignment <IMG
SRC=ʺURLʺ ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> Alignment
<IMG SRC=ʺURLʺ ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|
ABSBOTTOM> Alternate <IMG SRC=ʺURLʺ ALT=ʺ***ʺ> (if image not
displayed) Dimensions <IMG SRC=ʺURLʺ WIDTH=? HEIGHT=?> (in
pixels) <IMG SRC=ʺURLʺ WIDTH=% HEIGHT=%> (as percentage of page
width/height) Border <IMG SRC=ʺURLʺ BORDER=?> (in pixels)
Runaround Space <IMG SRC=ʺURLʺ HSPACE=? VSPACE=?> (in pixels)
Imagemap <IMG SRC=ʺURLʺ ISMAP> (requires a script, which eBay might
not allow)
34
How to use HTML?
For eBay Guide
Image Example:
<p><img src=ʺhttp://www.photonur.com/images/greenleaf2.jpgʺ alt=ʺGreen
leafʺ width=ʺ525ʺ height=ʺ352ʺ border=ʺ0ʺ title=ʺDetail view of the leaf
imageʺ /> « Detail <br />
Using Sound & Movie
Sound files must be hosted online to be used in an auction. Sound can be
hosted on your website, on a file host, or on some image hosting websites.
This is a clickable link that gives the user the option to hear the sound. You
may replace the URL for your own hosted file wherever we show in the
example:
<a href=ʺ http://www.designbynur.com/sound/soundfile.midʺ>Click to hear
it</a>
Or you might like to embed the sound clip to the page like this: This method
calls the sound player that may be on the userʹs computer.
<center> <EMBED SRC=http://www.myhost.com/song.mid HIDDEN=false
HEIGHT=100 WIDTH=215 AUTOSTART=false LOOP=true> </EMBED>
</center>
* You should use this option carefully; most people do not like to hear loop
sound repeatedly.
Adding Movies
Movie Clip <IMG DYNSRC=ʺ***ʺ START=ʺ***ʺ LOOP=?> Background
Sound <BGSOUND SRC=ʺ***ʺ LOOP=?|INFINITE> Embed Object
<EMBED SRC=ʺURLʺ> (insert object into page) Object Size <EMBED
SRC=ʺURLʺ WIDTH=? HEIGHT=?> Object <OBJECT></OBJECT> 4.0
Parameters <PARAM>
Adding Flash
eBay also approves of FLASH files for sound or images (Not for auction
description). You can add a Flash banner or header to your eBay store
or ʺAbout Meʺ pages. Here is a coding example of the OBJECT tag that
automatically runs a Macromedia player from a remote site.
35
How to use HTML?
For eBay Guide
<p> <object classid=ʺclsid:D27CDB6E‐AE6D‐11cf‐96B8‐444553540000ʺ
codebase=ʺhttp://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,
0,19,0ʺ width=ʺ150ʺ height=ʺ150ʺ>
<param name=ʺmovieʺ value=ʺhttp://www.designbynur.com/swf/glide.swfʺ /
>
<param name=ʺqualityʺ value=ʺhighʺ />
<embed src=ʺhttp://www.designbynur.com/swf/
glide.swfʺ quality=ʺhighʺ pluginspage=ʺhttp://www.macromedia.com/go/
getflashplayerʺ type=ʺapplication/x‐
shockwaveflashʺ width=ʺ150ʺ height=ʺ150ʺ></embed>
</object></p>
Here is an example HTML template code to use on eBay Auction listing.
Just copy and paste the text into item description box, you can modify the
text anyway you want.
<table width=ʺ99%ʺ border=ʺ0ʺ align=ʺcenterʺ bgcolor=ʺ#99aa88ʺ>
<tr>
<td><br />
<table
width=ʺ90%ʺ border=ʺ0ʺ align=ʺcenterʺ cellpadding=ʺ10ʺ bgcolor=ʺ#FFFFF
Fʺ>
<tr>
<td><font face=ʺarialʺ color=ʺgreenʺ><h3>Item Specifications </h3></font>
<hr align=ʺleftʺ width=ʺ95%ʺ size=ʺ5ʺ color=ʺgreenʺ /> <p><img src=ʺhttp://
www.photonur.com/images/lily1.jpgʺ width=ʺ600ʺ height=ʺ402ʺ border=ʺ4ʺ /
><br /> <strong>Lily Pond </strong></p> <p><img src=ʺhttp://
www.photonur.com/images/lily2.jpgʺ width=ʺ600ʺ height=ʺ402ʺ border=ʺ4ʺ /
> <br /> <strong>Detail view</strong></p> <p>This photo taken in Oregon,
2007. Purple lily blooms covering the pond. <br /> This 8 x 10 inch photo is
printed on Epson Professional photographic paper using K‐3 Ultra Chrome
Archival Inks. <br /> This photo is printed on a high‐end professional Canon
Printer. Archival rate is about a hundred plus years. </p>
<p><strong>Photo Details:</strong><br />
Title: Cheerful Blooming<br />
36
How to use HTML?
For eBay Guide
Size: 8 x 10 inches <br />
Matted 11x14
</td> </tr>
<tr>
<td> <font face=ʺarialʺ color=ʺgreenʺ><h3>Payment</h3></font> <hr
align=ʺleftʺ width=ʺ95%ʺ size=ʺ5ʺ color=ʺgreenʺ>
<p>We accept: PayPal, and US Money Orders Payments only.
</p> Payment must be received within 6 days. <br /> We will
contact eBay about any nonpayer bidders and will take
appropriate
actions.</td>
</tr>
<tr> <td><font face=ʺarialʺ color=ʺgreenʺ><h3>Shipping</h3></font>
<HR align=ʺleftʺ width=ʺ95%ʺ size=ʺ5ʺ color=ʺgreenʺ > <ul type=ʺdiscʺ>
<li>All packages shipped via UPS Ground to the 48 continental
states only. </li> <li>This shipping price covers all shipping,
insurance and handling charges.</li> <li>UPS Next Day Air®
Shipping is available at an additional charge.</li> </ul>
<font face=ʺarialʺ color=ʺredʺ><h4 align=ʺcenterʺ>Feedback Policy</
h4></font> <p>EBay Feedback Policy: If you are satisfied with the
transaction, please leave a positive feedback and we will do same.
<br>
<font face=ʺarialʺ color=ʺredʺ><h4 align=ʺcenterʺ>Return Policy</
h4></font> </strong>This item is nonrefundable non exchangeable and all
sales are final in downloads. </p>
<p align=ʺcenterʺ><strong><em>Thank you for looking at our auction,
please come back frequently for newer items.</em></strong></p>
If you like to use HTML, and preview it online go to
http://www.creatingonline.com/html_editor/editor.htm
This website allows you to create HTML page.
37
How to use HTML?
For eBay Guide
This is simple HTML user guide, you can make much more effective
changes by using inline CSS.
If you have any question, please visit www.designbynur.com has many web
site tips.
Written by Nur Roy
November 2007, updated 2011
Thanks for downloading!
More goodies at my website:
http://www.designbynur.com/eng/freebies.htm
Follow me on Twitter!
TWITTER • /DesignByNur
38