HTML Image Usage
1. Example of Image Usage
HTML Code:
| <img src="http://www.pinah.com/wp-admin/images/artis/dinaz.jpg" /> |
Results:

2. Image Alignment
You can determine how your images will be aligned, relative to the other content on the page (such as a paragraph of text). You do this using the alignattribute.
HTML Code:
|
<p style="text-align:justify;"><img src="http://www.pinah.com/wp-admin/images/artis/dinaz.jpg" align=’right"/>Alhamdulillah, dengan sekali lafaz sahaja, pelakon, model dan pengacara tinggi lampai, Wan Intan Edrinaz Wan Mokhtar atau Dynas, 25 telah pun sah menjadi isteri.</p>
|
Result:
Alhamdulillah, dengan sekali lafaz sahaja, pelakon, model dan pengacara tinggi lampai, Wan Intan Edrinaz Wan Mokhtar atau Dynas, 25 telah pun sah menjadi isteri.
Dynas yang bijak menyembunyikan kisah cintanya sebelum ini sah bergelar isteri kepada usahawan sukan bermotor, Mohd Hafizy Mohd Hafiz, 36.
3. Image Links
You can make your images "clickable" so that when a user clicks the image, it opens another URL. You do this by simply wrapping the image with hyperlink code.
HTML Code:
| <a href="http://www.pinah.com/?p=55"> <img src="http://www.pinah.com/wp-admin/images/artis/dinaz.jpg" /></a> |
Result:
4. Removing the Border
You might notice that this has created a border around the image. This is default behaviour for most browsers. If you don’t want the border, specify border="0".
HTML Code:
| <a href="http://www.pinah.com/?p=55"> <img src="http://www.pinah.com/wp-admin/images/artis/dinaz.jpg" border="0" /></a> |
Result:





