Difference between revisions of "Common:Adding Images to Templates"

From AgileApps Support Wiki
imported>Aeric
imported>Aeric
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>__NOINDEX__</noinclude>
<noinclude>__NOINDEX__</noinclude>
In HTML, an image is referenced using a tag that has the form: <tt><nowiki><image src="..."></nowiki></tt>, where the <tt>src</tt> attribute contains an absolute or relative path to the image. That path <!--can be a file path like <tt>../images/local_image_file.jpg</tt> or it can--> must be a URL of the form <tt><nowiki>http://...</nowiki></tt>.
In HTML, an image is referenced using a tag that has the form: <tt><nowiki><img src="..."></nowiki></tt>, where the <tt>src</tt> attribute contains the path to the image. That path <!--can be a file path like <tt>../images/local_image_file.jpg</tt> or it can--> must be a URL of the form <tt><nowiki>http://...</nowiki></tt>.


Insert the URL into an <tt><nowiki><image src="..."></nowiki></tt> tag. The result is tag of the form <tt><image src="{imageURL}/..."></tt>.
Insert the URL into an <tt><nowiki><img src="..."></nowiki></tt> tag. The result is a tag of the form <tt><img src="{imageURL}/..."></tt>.

Latest revision as of 22:33, 31 October 2014

In HTML, an image is referenced using a tag that has the form: <img src="...">, where the src attribute contains the path to the image. That path must be a URL of the form http://....

Insert the URL into an <img src="..."> tag. The result is a tag of the form <img src="{imageURL}/...">.