Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator

HTML Resource

HTML img Tag




HTML <img> tag is insert image into a web document.

HTML image path define/declare inside <img> tag.

The <img> tag is empty tag, that mean's no closing tag.

<img> tag have some attributes are use for display image on web page.

The src attribute, src stands for "source", that is path of image URL.

Alt Attribute used to define an "alternate text" for an image. This specifies text to be identified in the image name.

Width and Height specifies the size of image to display on webpage.

Image Attribute

Attributes Values Description
src "Image_Source_URL_Path" Required Attribute. Image path should be absolute path.
width "size_px" Specifies the Width to display the image.
Height "size_px" Specifies the Height to display the image.
Align "Left"
"Right"
Specifies the image align side.
Border "Size"
eg. "0"
Specifies the image border size.
alt "Alternate_Text" Required Attribute. Specifies text to be identify the image.

Example of Image Tag

Example-Code:

<img src="jix/img_nat.png" width="120" height="70" alt="Natural" />
Online Try This Code Your Self....   »

Example-Result:

Natural

Image Alignment (Right Image)

Image can be align in LEFT or RIGHT relative such as paragraphs text.

Example-code:

<img src="jix/img_nat.png"
	width="120" height="80" alt="Natural" align="right"/>
<p>Natural resources (economically referred to as land or raw materials)
occur naturally within environments that exist relatively undisturbed 
by mankind, in a natural form. A natural resource is often characterized 
by amounts of biodiversity existent in various ecosystems.</p>
Online Try This Code Your Self....   »

Example-Result:

Natural

Natural resources (economically referred to as land or raw materials) occur naturally within environments that exist relatively undisturbed by mankind, in a natural form. A natural resource is often characterized by amounts of biodiversity existent in various ecosystems.

Image Alignment (Left Image)

Example-code:

<img src="jix/img_nat.png"
	width="120" height="80" alt="Natural" align="left"/>
<p>Natural resources (economically referred to as land or raw materials)
occur naturally within environments that exist relatively undisturbed 
by mankind, in a natural form. A natural resource is often characterized 
by amounts of biodiversity existent in various ecosystems.</p>
Online Try This Code Your Self....   »

Example-Result:

Natural

Natural resources (economically referred to as land or raw materials) occur naturally within environments that exist relatively undisturbed by mankind, in a natural form. A natural resource is often characterized by amounts of biodiversity existent in various ecosystems.

Image Alignment (Wrap Around)

Example-code:

<img src="jix/img_nat.png"
	width="120" height="80" alt="Natural" align="left"/>
<p>Natural resources (economically referred to as land or raw materials)
occur naturally within environments that exist relatively undisturbed 
by mankind, in a natural form. A natural resource is often characterized 
by amounts of biodiversity existent in various ecosystems. Natural 
<br clear="all" /> resources are derived from the environment. Many of
them  are essential for our survival while others are used for satisfying 
our wants. Natural resources may be further classified in different ways.
</p>
Online Try This Code Your Self....   »

Example-Result:

Natural

Natural resources (economically referred to as land or raw materials) occur naturally within environments that exist relatively undisturbed by mankind, in a natural form. A natural resource is often characterized by amounts of biodiversity existent in various ecosystems. Natural
resources are derived from the environment. Many of them are essential for our survival while others are used for satisfying our wants. Natural resources may be further classified in different ways.

Image Link

Example-Code:

<a href="http://www.way2tutorial.com/html/tutorial.php"> <img src="jix/img_nat.png" width="120" height="70" alt="Natural" /> </a>
Online Try This Code Your Self....   »

Example-Result: