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> <p style="text-align:justify;">Dynas yang bijak menyembunyikan kisah cintanya sebelum ini sah bergelar isteri kepada usahawan sukan bermotor, Mohd Hafizy Mohd Hafiz, 36.</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:

 

This entry was posted on Thursday, March 27th, 2008 at 5:22 pm and is filed under HTML code. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.