UK   Auction Help
HTML ~ Step 1
Creating and Previewing your HTML
Click Here to shop at eBay.co.uk
 www.UKAuctionHelp.co.uk
Home
Site Map
Auction News
Auction Web Directory
Our Google Portal
 
Fair Trader Scheme
 
Preparation
Listing / Searching
Bidding
Paying / Shipping
Afterwards
Other Help
 
UK Auction Sites

 

UK Auction Help is a member of the eBay Developers Program

 
Make a Donation
subscribe with PayPal
Review This Site
at dooyoo.co.uk
at Alexa.com
Our Friends
Make a Link
Advertise
 
Privacy Policy
Contact Me
 
Helping You
Helping Me
 
Bookmark This Site
 
 
Post an ad

UK Auction Help > Listing / Searching > Step by Step HTML > Creating and Previewing your HTML

 
Step by Step HTML ~ Index
New lines & Emphasising your text

A HTML file is a plain text file, using no special internal formatting, unlike a file created by a word processor program like Microsoft Word, which is typically larger then would be expected based on a word / letter count of the document and is virtually unreadable if viewed in a text editor..

HTML (Hyper Text Markup Language) achieves its formatting via HTML instructions, tags, which are enclosed in greater that and less than arrows, < & >.

Most HTML tags use the format <tag> to set a parameter and </tag> to turn it back off

A basic HTML file looks like this

<HTML>
<head>
<title>This text appears in the browsers title bar</title>
</head>
<body>

Text here appears in the main browser area

</body>
</HTML>
When creating HTML for use in an item description or an about me page you do not need to write the HTML, head, title or body tags. you are just creating some formatted text to insert into a page which already contains other HTML elements.
<HTML>
<head>
<title>Auction Sites Name, Item Title etc</title>
</head>
<body>
Standard page header, link menu, Item Title, Current Price, Seller, Bidder etc etc

Your Description Text is inserted here

Place your bid section, links to help pages, standard page footer
</body>
</HTML>
You can create your HTML listing using a Program like Microsoft Word or FrontPage which work in a graphical manor letting you add HTML elements via pull down menus, tool bars etc which can be easy to use. But these programs will automatically add the head & body elements which are not needed, also some features of FrontPage are not supported by eBay and should you ever need to tweak the HTML by hand you will find it difficult.

For the following lessons I would recommend that you create your HTML in a basic text editor like Notepad (Start > Programs > Accessories > Notepad).

  1. Open Notepad
  2. Write your document including the HTML tags
  3. Save file with a .HTML extension
  4. Double click on the saved file
  5. Your browser should open and display your file
  6. If you need to make any changes Switch back to Notepad
  7. Make corrections
  8. Save
  9. Switch back to browser, refresh (F5)
  10. Repeat from 6 until you are happy with the results
  11. Copy / paste from Notepad to eBay
To copy your HTML from Notepad to eBay
  1. In Notepad take menu option Edit > Select All to highlight the whole file
  2. Take menu option Edit > Copy (or press Ctrl+C)
  3. In eBay click on the item description box and either
    • right click and select Paste
      or
    • press Ctrl+V

With Internet Explorer, Netscape Navigator & most other web browsers, there is a menu option which lets you view the HTML source for the currently displayed page. It is possible to learn / improve your HTML by using this. In IE the Source option is found in the View Menu,

the HTML source is then opened in notepad. The eBay pages can be very large and complex but with some experience it is possible to find the section of the source you are looking for and see how a specific effect is achieved.(You may want to look at less complex pages, like this one first).
Microsoft have a developer add on for IE5 which allows you to highlight a section of a web page, right click on it, select View Partial Source and the HTML source for the highlighted section is then displayed in notepad.
Download from Microsoft Web Developer Accessories (This appears to also work on IE 6, use at your own risk)..

eBay's Turbo Lister has its own built in HTML editor which is used as follows. The editor is reached via the design view button in an items details screen.
You can use the Design View to enter formatting elements via the menus.
You can enter your own HTML via the HTML View (or copy in code segments from other places).
When you have finished editing your description you can use the Preview to check it.
If you are creating a template it can be save as your default via the option in the left hand menu.

 
Step by Step HTML ~ Index
New lines & Emphasising your text

Our Current Supporters
thediscountskillingme
pjfurry
top-notch-shop
treefrog6352
tandg1992
cmjewels
Gifts & Novelties Online
rotherham.utd
Viola's Vintage Postcard Emporium
your-kinds-of-stuff
Rosa Vita
TangoPC
Wise Two Buy Tackle
The Blackest Rose
The Tee Lady
davegila
Yardstop
Google AdSense
25mal
fallen121
All Supporters
Funds are Currenty
Critical
(Less then 10 Days)

FTS fee Vs Donations
Would you be willing to pay a yearly subscription?
Have you ever made a donation?
Donated more than once?
Donated more than six times?
Never made a donation?
Is £12 a year fair?
Is £24 a year fair?
Prefere to keep donation method?
Should I pay the hosting from my own pocket?


Total votes: 439
View results
 
 
Google Search
UK Auction Help
Web
 
Join our Mailing List

Please enter number in box:

 
 

Online Auction list

eXTReMe Tracker

Page Last modified : 8-6-2007
Your Comments / Thoughts / Additions / Corrections etc
Your Name/User ID
Your Web Page
Your eMail
(Your eMail will not be published, we will use it if we need to contact you)
Your Comment
(Required)
Comment Web Page
Please enter number in box:
(All comments are checked for relevance etc prior to 'publication')
Logo Design Service

Advertise on UK Auction Help
AuctionPix
The Booze Bibbing Order of B?cchus
AuctionPix
AuctionPix
Nonags
Make a Donation
Copyright © 2002-2008 G Whittaker
0.14 secs.