Image plays very important role to make a website beautiful and as web designer we note that how we use the images to make the site eye-catching and how we inset the images on the paragraph.
To put am image in the web page we use the <img/> tag and like the break tag<br/> tag <img/> do not require any closing or end tag and we just put the slash on the end of the code.
Now i am going to tell you how to put an image on the webpage with the example,now see here is the code for html image.
Example:
You can copy the code from Google also and place her source <img sec="source here"/> and you can also save the image on the desktop and set here the location of Picture like <img src="image.jpg"/>
Your Result:
HTML-Image Height and Width Attribute
In the above example we learn how to insert the image in html,now i want to tell you how to set the height and width of html image, because if you want to make the image large than what you do, that's why i tell you how it work.Here is the example.
Example:
here i set the width of image.
Your Result:
Here is the result
picture must reside on the same place where html file is otherwise you must define their location like in the above example.
HTML-Align Images
when we put or set an image in the paragraph and we want to set the image in different location like if we want to put image on the right side than which codes are use ,now i want to show you how to set the images in different locations.now see
Example:
Your Result:
This paragraph is just for example.
This is my first paragraph,i think through this paragraph i teach you how to inset the image on the right side of paragraph.
Image plays very important role to make a website beautiful and as web designer we note that how we use the images o make the site beautiful and how we inset the images on the paragraph.
image in the paragraph and we want to set the image in different location like if we want to put image on the right side than which codes are use ,now i want to show you how to set the images in different locations.
The image will appear along the right side of the paragraph.This paragraph is just for example.
This is my third paragraph on the current news and that's all.
To put am image in the web page we use the <img/> tag and like the break tag<br/> tag <img/> do not require any closing or end tag and we just put the slash on the end of the code.
Now i am going to tell you how to put an image on the webpage with the example,now see here is the code for html image.
Example:
<img src="http://curezone.com/upload/Blogs/small_miss_nature_amanda.jpg" />
You can copy the code from Google also and place her source <img sec="source here"/> and you can also save the image on the desktop and set here the location of Picture like <img src="image.jpg"/>
Your Result:
HTML-Image Height and Width Attribute
In the above example we learn how to insert the image in html,now i want to tell you how to set the height and width of html image, because if you want to make the image large than what you do, that's why i tell you how it work.Here is the example.
Example:
<img src="http://curezone.com/upload/Blogs/small_miss_nature_amanda.jpg" width="300" height="400" />
here i set the width of image.
Your Result:
Here is the result
| Local Src | Location Description |
| src="desktop.jpg" | picture file and .html file are in the same place. |
| src="image/desktop.jpg" | picture file resides in the image directory |
| src="../desktop.jpg" | picture resides one folder "up" from the .html file |
| src="../image/desktop.jpg" | picture file resides in the image directory, one folder "up" from the .html file. |
picture must reside on the same place where html file is otherwise you must define their location like in the above example.
HTML-Align Images
when we put or set an image in the paragraph and we want to set the image in different location like if we want to put image on the right side than which codes are use ,now i want to show you how to set the images in different locations.now see
Example:
<p>This is my paragraph 1,i think through.....</p> <p> <img src="image.jpg" align="right"> This image will appear along the right side </p> <p>This is my third paragraph......</p>
Your Result:
This paragraph is just for example.
This is my first paragraph,i think through this paragraph i teach you how to inset the image on the right side of paragraph.
Image plays very important role to make a website beautiful and as web designer we note that how we use the images o make the site beautiful and how we inset the images on the paragraph.image in the paragraph and we want to set the image in different location like if we want to put image on the right side than which codes are use ,now i want to show you how to set the images in different locations.
The image will appear along the right side of the paragraph.This paragraph is just for example.
This is my third paragraph on the current news and that's all.
No comments:
Post a Comment