Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyde

HTML IMAGES PRISM MULTIMEDIA

ď‚— The img tag is used to put an image in an HTML

Page ď&#x201A;&#x2014; <img src="http://www.prismmultimedia.com/badge 1.gif" width="120" height="90" alt="HTML Tutorials">

ď&#x201A;&#x2014; The src attribute tells the browser where to find

the image. ď&#x201A;&#x2014; The width and height attributes are necessary because if they are excluded, the browser will tend to calculate the size as the image loads, instead of when the page loads, which means that the layout of the document may jump around while the page is loading.

The alt attribute is the alternative description. This is an accessibility consideration, providing meaningful information for users who are unable to see the image (if they are visually impaired, for example).

ď&#x201A;&#x2014; the img element does not enclose any

content, no closing tag is required. ď&#x201A;&#x2014; The most commonly used file formats used for images are JPEGs, GIFs, and PNGs. They are compressed formats, and have very different uses.

To reduce download times as much as possible two of the best image compressing formats used on the web are: JPG

GIF 256 colors Can handle transparent areas This format is not good at compressing photographs

Unlimited colors Can't handle transparent areas Excellent for compressing photographs and complex images

In general, it is excellent for banners, buttons In general, it is not good for banners, buttons and clipart and clipart.

Adding Border to an Image  You can add a border to the image using the

border setting like  <img src="http://www.prismmultimedia.com/badge 1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5”>

Spacing Around the Image  You can easily add space over and under your

images with the Vspace attribute.  <img src="http://www.prismmultimedia.com/badge 1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5” Vspace="10">

THANK YOU