Download
html images n.
Skip this Video
Loading SlideShow in 5 Seconds..
Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim PowerPoint Presentation
Download Presentation
Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim

Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim

135 Vues Download Presentation
Télécharger la présentation

Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. HTML IMAGES PRISM MULTIMEDIA

  2. The img tag is used to put an image in an HTML Page • <imgsrc="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials">

  3. The src attribute tells the browser where to find the image. • 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.

  4. 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).

  5. the img element does not enclose any content, no closing tag is required. • The most commonly used file formats used for images are JPEGs, GIFs, and PNGs. They are compressed formats, and have very different uses.

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

  7. Adding Border to an Image • You can add a border to the image using the border setting like • <imgsrc="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5”>

  8. Spacing Around the Image • You can easily add space over and under your images with the Vspace attribute. • <imgsrc="http://www.prismmultimedia.com/badge1.gif" width="120" height="90" alt="HTML Tutorials“ border=“5” Vspace="10">

  9. THANK YOU