How to add an image to an HTML page. Interactive examples included. Garage Planning Tool more. Read and learn for free about the following scratchpad: HTML: Images. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

The name attribute of the tag is associated with the 's usemap attribute and creates a relationship between the image and the map. The tag contains a number of tags, that defines the clickable areas in the image-map. Background Image To add a background image on an HTML element, use the CSS property background-image.

To learn more about background images, study our. The Element HTML5 introduced the element to add more flexibility when specifying image resources. The element contains a number of elements, each referring to different image sources.

This way the browser can choose the image that best fit the current view and/or device. Each element have attributes describing when their image is the most suitable. The browser will use the first element with matching attribute values, and ignore any following elements. Note: Always specify an element as the last child element of the element. The element is used by browsers that do not support the element, or if none of the tags matched.

HTML Screen Readers A screen reader is a software program that reads the HTML code, converts the text, and allows the user to 'listen' to the content. Screen readers are useful for people who are blind, visually impaired, or learning disabled.