Using images in the HTML

You can use all the image types supported by HTML in Web applications.

Incorporating images

In the appropriate div element (which controls the page), add one of the following HTML elements:

  • img—For inline images, such as icons or small graphics.

  • object—For images, applets, and video.

For example, add the following code to the HTML file to add a reference to an image called image.png stored in the images subfolder in the application project folder:

<img src="images/image.png" alt=""/>

Add the following code to the HTML file to use the OBJECT element to add the same image:

<OBJECT 	data="images/image.png" alt=""
				type="image/png"
<OBJECT/>

For more information on adding images to HTML, see Objects, Images, and Applets in the W3C HTML 4.01 Specification.

Store the images either directly under the root directory or in any subfolder under the root directory in the widget project folder. For more information, see Widget component files.