Basic HTML for eBay Sellers
Getting Started - Step 14
Images
 
 
  Index      
 

 1 - Getting Started

 2 - Getting Started

 3 - Getting Started

 4 - Getting Started

 5 - Getting Started

 6 - Paragraph tags

 7 - Bold tags

 8 - More tags

 9 - Extended Syntax

10 - Font tags

11 - Font tags (cont)

12 - List tags

13 - Link tags

14 - Image tags

15 - Center tags

16 - Table tags

17 - Review

 

Adding an image into your eBay item description is easy once you have the URL or address for the image file that you want to appear in within your description. 

The tag for embedding an image file is called 

<img> 

and, like the <a> tag, it never stands alone – it always comes with an attribute=value pair. The attribute is always src which stands for “source”. The value is always a URL that points to either a .jpg or .gif image file somewhere on the Internet. Here is the syntax:

<img src=a URL to a valid image file>
Here is a URL that points to an image file that will work for our item description:

 

http://www.xmission.com/~jimgriff/images/mudjar02.jpg

 

We have server space at xmission, an ISP in Utah. We placed an image file called mudjar02.jpg in the folder called images.
Let’s add this image into our item description using the <img> tag…
 
1. Type the following into your test.html file (fig. 43):

<img src>

 


Fig. 43

 

2. Go back to IE and type the URL for your image in the Address box in IE. (fig. 44) Click enter. If your URL for the image is valid and correct, the image will show up in the IE window. (this is a good way to make sure your URL is valid)


Fig. 44

 
3. If the URL is correct, click once in the Address window to highlight the URL, click your mouse’s right button and select Copy from the pop-up menu (fig. 45)

4. Go back to the test.html file, click your mouse cursor so it blinks just after the “=“ sign in the <img src=> (fig. 46)


Fig. 46

5. Click the right mouse button and select Paste from the pop up menu. This will paste the URL into the correct place inside the <img src> tag. (fig. 47)


Fig. 47

6. Go back to IE, click refresh to view the embedded image in your item description (fig. 48)


Fig. 48


Using the above steps, you can embed a copy of any image on the Internet as long as you know the complete and valid URL for the image.

Let's explore the <center> tag...


Back Home           Back Home
Back to Step 13 On to Center tags
 
   
Page 14