22 Mar Inserting Image in HTML

Posted at 16:31h in HTML5 by

For a web page, images are necessary and atleast one image is useful for SEO as well. To insert images in an HTML web page, use the <img> tag.

To add an image, include an img tag and set the image source i.e.

<img src="/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">

Add images anywhere in the HTML document. Above, we used the,

  • src attribute to set the image source,
  • alt for alternate text,
  • width for image width
  • height for image height.

Note: img tag is an empty tag. Do not use a closing tag. It is not required.

With that, add the image tag inside the <body>…</body> tag always,

<body>
<img src=”/wp-content/uploads/2017/11/Interview-Questions-and-Answers.png” alt="Interview QA" width="600" height="300">
</body>

The following is an example to add image in an HTML web page,

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img Example</title>
   </head>
   <body>
<h1>Interview Questions</h1>
<p>We provide Interview Questions as well for students, engineers and professionals. </p>
<img src=”/wp-content/uploads/2017/11/Interview-Questions-and-Answers.png” alt="Interview QA" width="600" height="300">
   </body>
</html>

The output:

Inserting Image

More Examples

Page links in an HTML Web Page
Add Title in an HTML web page
Print page
0 Likes
Studyopedia Editorial Staff
contact@studyopedia.com

We work to create programming tutorials for all.

No Comments

Post A Comment