org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-70769124-8CCC-4389-9C45-2423B8BB04AC.html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="copyright" content="(C) Copyright 2009"/><meta name="DC.rights.owner" content="(C) Copyright 2009"/><meta name="DC.Type" content="concept"/><meta name="DC.Title" content="Using images in the HTML"/><meta name="abstract" content="You can use all the image types supported by HTML in Web applications."/><meta name="description" content="You can use all the image types supported by HTML in Web applications."/><meta name="DC.Relation" scheme="URI" content="GUID-4B7957CA-D6B8-4F8A-8E15-A610D1534D6B"/><meta name="DC.Relation" scheme="URI" content="GUID-98CA07C9-6AA6-44B7-8D0D-17C813277473"/><meta name="DC.Relation" scheme="URI" content="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D"/><meta name="DC.Relation" scheme="URI" content="GUID-5949FE0C-207D-4B15-8C03-96AE48986973"/><meta name="DC.Relation" scheme="URI" content="GUID-ED04600B-B079-4BC9-84B1-507604C09A4C"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-70769124-8CCC-4389-9C45-2423B8BB04AC"/><meta name="DC.Language" content="en"/><title>Using images in the HTML </title><script type="text/javascript">
function initPage() {}
</script><link href="../PRODUCT_PLUGIN/book.css" rel="stylesheet" type="text/css"/><link href="css/s60/style.css" rel="stylesheet" type="text/css" media="all"/></head><body onload="initPage();"><div class="body"><div class="contentLeft prTxt"><h1 class="pageHeading" id="GUID-70769124-8CCC-4389-9C45-2423B8BB04AC">Using images in the HTML</h1><div><p>You can use all the image types supported by HTML in Web applications.</p>
<div><h3>Incorporating images</h3><p>In the appropriate <code>div</code> element (which controls the page), add one of the following HTML elements:</p><ul>
<li><p><code>img</code>—For inline images, such as icons or small graphics. </p></li>
<li><p><code>object</code>—For images, applets, and video.</p></li>
</ul><p>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:</p><pre class="codeblock"><img src="images/image.png" alt=""/></pre><p>Add the following code to the HTML file to use the OBJECT element to add the same image:</p><pre class="codeblock"><OBJECT data="images/image.png" alt=""
type="image/png"
<OBJECT/></pre><p>For more information on adding images to HTML, see <a href="http://www.w3.org/TR/REC-html40/struct/objects.html" target="_blank">Objects, Images, and Applets</a> in the W3C HTML 4.01 Specification.</p><p>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 <a href="GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A.html#GUID-0E3095DB-03FF-4240-83F2-6D876AD2083A">Widget component files</a>.</p></div>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>