In some articles it is needed to insert image to explain it more clearly or to make a document more attractive . In this article I am going to show youstep by step process on how to insert an image in a document using HTML script . the tag which is used to insert image is "<img src>"
1. Open your text editor .
2. Write basic tags i.e. html , head , body . use title tag to write "inserting image example" in head section in order to understand which type of document you have made .
3. In body section use tag "<img src>" and enter the name of image which you want to insert in a document .
NOTE :- Image should be in the same folder where you are going to save your html document to be shown in the browser . to know the exact name of your image go to properties of the image and copy the name of image and after image you have to write .jpg .
4. Save the document with . html extention . and To show I am saving it with image_eample.html .
5. Open the save file in any of the browser to see the result of used image tag .
1. Open your text editor .
2. Write basic tags i.e. html , head , body . use title tag to write "inserting image example" in head section in order to understand which type of document you have made .
NOTE :- Image should be in the same folder where you are going to save your html document to be shown in the browser . to know the exact name of your image go to properties of the image and copy the name of image and after image you have to write .jpg .
4. Save the document with . html extention . and To show I am saving it with image_eample.html .
5. Open the save file in any of the browser to see the result of used image tag .
No comments:
Post a Comment