forum

Home / DeveloperSection / Forums / How to set image on page in HTML?

Ask Question
Steilla Mitchel

Steilla Mitchel

Follow
I completed my post-graduation in 2013 in the engineering field. Engineering is the application of science and math to solve problems. Engineers figure out how things work and find practical uses for scientific discoveries. Scientists and inventors often get the credit for innovations that advance the human condition, but it is engineers who are instrumental in making those innovations available to the world. I love pet animals such as dogs, cats, etc.

Can you answer this question?

Answer

1 Answers

Ashutosh Kumar Verma

Ashutosh Kumar Verma

05-Jun-2024

Show image on HTML Page

HTML provides the built-in tag for showing images on an HTML webpage

HTML <img> tag

To set an image on a web page in HTML, you can use the <img> tag.

Syntax- 

<img src= “image-path”/>

Example- 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Example</title>
</head>
<body>
    <div>
      <h2>Showing image on the page</h2>
        <img src="nature-img.jpg" alt="nature-img" width="300" height="300" /> 
    </div>
</body>
</html>

Output- 

answer 6518920506042515

 

Explanation- 

  1. The <img> tag is used to embed an image in an HTML document.
  2. The src attribute specifies the URL (path) to the image file.
  3. The alt attribute provides alternative text for the image, which is displayed if the image cannot be loaded or for accessibility purposes.
  4. You can also adjust the width and height attributes to resize the image if needed.

 

That's it! When you open the HTML file in a web browser, the image will be displayed on the page.

MindStick Training

Liked By