Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums How to set image on page in HTML? – MindStick
Ask Question

1 Answers

Ashutosh Patel
Ashutosh Patel 05 Jun 2024
Report Abuse

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- 

Ashutosh Patel

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.

advertising
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md