Images

August 10, 2009 by admin  
Filed under General

How to insert a image in html?

Tag to set image border html?

I want to set image in both left and right ends in the same line?:

Image Tag:
<img>

To insert a image in your a page we need to use the tag “img” with its attribute “src”
Example Code:
<img src=”test.jpg”>

Result:

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:imagestest.jpg”>

Width and Height:
We can resize images that are displayed in web pages using the attributes width and height.
Example Code:
<img src=”test.jpg” width=100 height=100>
Result:

Alignment:
We can align the image using the attribute “align”.
The attribute takes values left or right or center.
Example Code:
<img src=”test.jpg” align=left> <img src=”test.jpg” align=right>
Result:

Borders:
We can set border around images using the attribute “border”. This can be used to create a space around the picture.
Example Code:
<img src=”test.jpg” border=4>
Result:

  • Share/Bookmark

Related posts:

  1. Using text over images with seo One common error people make when designing a website is...

Related posts brought to you by Yet Another Related Posts Plugin.

Comments

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

You must be logged in to post a comment.