Breaking News

How to Add Image in Html | Insert Picture in Html

How to Add Image in Html? Insertion of Image in any webpage can improve the design and appearance of the Webpage. You can do this easily with HTML.

How to insert image in a webpage using HTML | Add Image in HTML

How to Add Image in Html | Insert Picture in Html
How to Add Image in Html | Insert Picture in Html

You can add a picture in Html with two different ways:
  1. Adding an image from a folder of your computer
  2. Adding an image from an external web source. (URL)
If you want to insert an image from a folder of your computer you can click here. For adding an image from an external web source follow steps given below.

How to create Html code for image

  1. Open your HTML file where you want to put your picture or image.
  2. Find the place in your code where you want your image to be placed.
  3. Type there:
    <img src="url-of-image">
  4. Then in this code line, replace url-of-image with any link or URL of the image from the web. Like: https://1.bp.blogspot.com/-7U2b_9L_R2w/XVL4kihlyZI/AAAAAAAABkE/sJCFSPsPAcAF2yswSmicwIP6qNk8LtnRwCLcBGAs/s1600/Alignment%2BCode.png
  5. This link is an URL of an image from this website. If you paste this link in place of url-of-image in step 3. You will see an image from this website, every time you run this code.
  6. For adding your image to your webpage you have to put URL of your image. Then save the HTML code. And run in any browser for checking the output.
With this way, you can insert a picture from an external source in html.


For any query comment us now. We will surely help you.

No comments

Please leave your feedback here.