Acquired Knowledge Systems .. Easy Internet Business SolutionsE-Commerce and Web Hosting Solutions for Your Business or Organization
Design Your Own Web Storefront Sign Up ! Support Center.. Get Answers Fast Expert Web Site Design and E-Commerce Development Web Hosting and E-Commerce Solutions Client Services Area Free Temporary Home for Your Domain Internet Access Accounts Home About Acquired Knowledge Systems E-Business Home Try Out a Web Store for 30 days for Free E-Commerce Planning Guide Web Site Design TutorialsGet Your E-Mail


By Alan Flum of Celestial Graphics Inc.
Links To This Guide: Introduction | More Text Tags | Text Color and Size | Adding Links | Images | Table Basics | Great Looking Pages | Forms | Going Further |
Adding Images to Your Web Pages
This section of the HTML tutorial will show you how to add image to you web pages.
Web pages would look very dull if all they could do is display text. In fact, the development of the first browsers able to display images, Mosaic and later Netscape Navigator made the web appealing and usable to the masses.

If you came to this page in the middle of the tutorial you may want to go back to the Introduction.
In order to add images to your web page use simply use the <img> tag. The tag takes the following form:

<img src="myimage.gif" height="250" width="200" border="0" alt="This Is My Image" >

Lets breakdown the image tag piece by piece.

src=" " indicates the location and name of the image. It is generally a relative reference such as src="myimage.gif" but could also be an absolute reference such as src="http://www.aksi.net/myimage.gif" .

height=" " and width=" " indicate the size that the image should be displayed on the page. The numbers indicated in quotes are in pixels. In the example, height="250" and width="200" indicates that the images should be displayed 250 pixels high by 200 pixels wide.

alt=" " indicates what text should be displayed as an alternative for the image while the image is loading or when the visitor's browser can not display images (Both Netscape and Internet Explorer allow you to turn displaying of images off to speed up web surfing). The alt tag text also displays in a highlighted box when you hover the mouse over the image in Explorer or Netscape 4.0 and above.

Next we will look at using HTML tables. You will learn how to use tables as a powerful tool for aligning images and text on a page exactly where you want it.

   Previous: Adding Links          Next: HTML Tables   



Copyright © by Acquired Knowledge Systems Inc.
Website Design by Celestial Graphics™

Privacy Policy | Site Security | Terms of Use | Contact and Internet Access Info |
| About Us | Give Us Your Feedback |