org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-70769124-8CCC-4389-9C45-2423B8BB04AC.html
author Eugene Ostroukhov <eugeneo@symbian.org>
Mon, 07 Jun 2010 16:33:07 -0700
changeset 354 0bceeb415e7f
parent 229 716254ccbcc0
permissions -rw-r--r--
Bug 2892 - Import wgz file from Import menu should have same functionality as File New Project Create from wgz
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
229
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     1
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     2
<!DOCTYPE html
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     3
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     4
<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">
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     5
      function initPage() {}
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     6
    </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>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     7
<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>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     8
<li><p><code>img</code>—For inline images, such as icons or small graphics. </p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
     9
<li><p><code>object</code>—For images, applets, and video.</p></li>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    10
</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">&lt;img src="images/image.png" alt=""/&gt;</pre><p>Add the following code to the HTML file to use the OBJECT element to add the same image:</p><pre class="codeblock">&lt;OBJECT 	data="images/image.png" alt=""
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    11
				type="image/png"
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    12
&lt;OBJECT/&gt;</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>
716254ccbcc0 Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
tasneems@symbian.org
parents:
diff changeset
    13
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>