HTML Images

How to insert a image in html?
How to set image border html?
I want to set image in both left and right ends in the same line?

Explanation

Image:
<img>
To insert a image in your a page we need to use to tag "img" with its attribute "src"

Tag:
<img src="test.jpg">
Example :

Here we assume that we have the image file in the same directory of the html file.
We can also give the full path of the directory as
Example :
<img src="C:\images\test.jpg">
Width and Height:

We can set the width and height of images that are displayed using the attributes width and height.
Tag:
<img src="test.jpg" width=100 height=100>
Example :

Alignment:

We can align the image using the attribute "align".
The attribute takes values left or right or center.
Tag:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Example :


Borders:

We can set border around images using the attribute "border".
Tag:
<img src="test.jpg" border=4>
Example :


Ask Questions

Ask Question