Source
<![CDATA[
<html>
<head>
<title>Images Demo</title>
</head>
<body>
<h3>Normal image</h3>
<img src="img3.jpg"/>
<h3>Resized image with width 350px and height 300px</h3>
<img src="img3.jpg" width="350" height="300"/>
<h3>Resized image with width 150px and height 100px</h3>
<img src="img3.jpg" width="150" height="100"/>
<h3>Resized image with width 150px and height 100px and a border of 5px thickness</h3>
<img src="img3.jpg" width="150" height="100" border="5"/>
<h3>Image with alt attribute</h3>
<img src="img4.jpg" alt="Image 4 here"/>
<h3>Image Alignments</h3>
<table border="1" cellpadding="20">
<tr>
<td>Normal text<img src="img3.jpg" width="150" height="100" align="left"/></td>
</tr>
<tr>
<td>Normal text<img src="img3.jpg" width="150" height="100" align="right"/></td>
</tr>
<tr>
<td>Normal text<img src="img3.jpg" width="150" height="100" align="middle"/></td>
</tr>
<tr>
<td>Normal text<img src="img3.jpg" width="150" height="100" align="top"/></td>
</tr>
<tr>
<td>Normal text<img src="img3.jpg" width="150" height="100" align="bottom"/></td>
</tr>
</table>
<h3>Resized image with width 150px and height 100px and with title attribute set</h3>
<img src="img3.jpg" width="150" height="100" title="Tulips"/>
</body>
</html>
]]>
Output
Normal image
Resized image with width 350px and height 300px
Resized image with width 150px and height 100px
Resized image with width 150px and height 100px and a border of 5px thickness
Image with alt attribute
Image Alignments
| Normal text |
| Normal text |
| Normal text |
| Normal text |
| Normal text |
Resized image with width 150px and height 100px and with title attribute set