1 / 9

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

HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multimedia<br>A complete Online HTML5 Programming Course for Beginners to get started with HTML5 application & website development.<br>In our course you will start with basic HTML tags. You will learn how to create HTML websites and use CSS in your work before we start discussing HTML5. We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. In our HTML5 lectures we start with new tags and forms. We then gradually move to advance topics like Drag and Drop and Multimedia. We follow it with difficult topics like Geolocation, WebStorage and Application cache. This course creates easy to grasp examples for each of the concepts and by the end of it you will be able to understand the complete picture rather than just bits and pieces of the technology.<br>Attend free Demo<br>Visit http://prismmultimedia.com<br>Call 9701334133 for more details<br>

prismmultimedia
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related