Beginner guide to html - including images on web pages web sites - online guide to html for beginners online - free html guide beginners
beginner guide to html, including images on web pages web sites, online guide to html for beginners online, free html guide beginners
Beginner guide to HTML - Including images in web pages part 2Go to Beginner guide to HTML - Including images in web pages part 2HTML tutorialGo to HTML tutorialWeb development tutorialsGo to web development tutorialsHomepage

Beginner guide to HTML - Including images in web pages part 2

NAME
You can specify a name for your image through this attribute. This helps in client-side scripting using JavaScript or VBScript.

Hat
<IMG SRC="hat.gif" width="150" height="100" name="hat">

ALIGN
This attribute is used to align other HTML elements such as text around the image.

Thus, <IMG SRC="fish.gif" width="160" height="124" align="right"> will align the image to the right and text to its left.

FishThis text is aligned to the left of the image. The ALT attribute has "RIGHT" as its value.


<IMG SRC="fish.gif" width="160" height="124" align="left"> will align the image to the left and text to its right.

FishThis text is aligned to the right of the image. The ALT attribute has "LEFT" as its value.

ALIGN can also take "TOP", "BOTTOM" or "MIDDLE" as value. These align the text to the top, middle or bottom of the image.


VSPACE and HSPACE
These attributes introduce horizontal or vertical space around an image. They take a number as value that determines the number of pixel space created.

<IMG SRC="fish.gif" width="160" height="124" alt="Fish" hspace="30"> will put 30 pixel space on the left and the right side of the image.

FishJust Dummy text here to show the space created by HSPACE attribute.

VSPACE accomplishes something similar to HSPACE but adds space to the top and bottom of the image.

LOWSRC
If you want to load a large high quality image on a page, you should use this attribute to display a low quality image. The low quality image is loaded initially and gives a general idea about the page. The visitor can then decide to wait for the large download. The LOWSRC attribute takes the URL of the low quality image as its value.

Back Next


AddThis Social Bookmark Button
Page contents: Beginner guide to html - including images on web pages web sites - online guide to html for beginners online - free html guide beginners

Page URL: http://www.webdevelopersnotes.com/tutorials/html/ beginner_guide_to_html_including_images_in_web_pages_part_2.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com