Insert the following HTML tag at the point in the text where you want the image to appear. Use the name of your image file instead of myimage.gif:
<img src=”myimage.gif” alt=”My Image” />
If your image file were in the images directory below the document root, you would use the following:
<img src=”/images/myimage.gif” alt=”My Image” />
If you know the height and width of an image, you can include its dimensions in the <img /> tag, like this:
<img src=”myimage.gif” alt=”Fancy Picture” width=”200” height=”100” />
Below code aligns the first image to the left and wraps text around the right side of it, as you might expect.
<img src=”myimage.gif” style=”float:left” />
Similarly, <img style=”float:right” /> aligns the second image to the right and wraps text around the left side of it.
To turn any image into a clickable link to another page or image, you can use the <a href> tag
<a href=”http://www.flickr.com/photos/nofancyname/614253439/”><img
src=”elcap_sm.jpg” alt=”El Capitan” width=”100” height=”75”/></a>
0 comments:
Post a Comment