वेब स्टोरी क्रिकेट राजनीति विदेश स्पोर्ट्स फिल्मी दुनिया जॉब - एजुकेशन बिजनेस लाइफस्टाइल देश अंतरराष्ट्रीय राशिफल स्वास्थ्य  फाइनेंस/शेयर मार्केट अन्य

HTML Course Lesson 3: How to Add Image in HTML for Beginners

HTML Course Lesson 3 for beginners explains how to add images in HTML using the img tag. Learn src, width attributes with simple examples and browser preview.

HTML Course Lesson 3 infographic showing how to add image in HTML using img tag with photo.jpg example
HTML Course Lesson 3 – How to Add Image in HTML

👉 Image लगाना

🖼️ STEP 1: Image तैयार करें

  1. कोई भी Photo / Image चुनिए
  2. उसे index.html वाली जगह (Folder) में रख दीजिए
  3. Image का नाम रखें: photo.jpg
    (simple नाम रखें)

📄 STEP 2: index.html खोलिए

  • Right Click → Open with → Notepad

 

✍️ STEP 3: ये Code लिखिए

(Body के अंदर)

<h2>My Photo</h2>

<img src=”photo.jpg” width=”200″>

पूरा Example 👇

<!DOCTYPE html>

<html>

<head>

    <title>Image Example</title>

</head>

<body>

<h1>Welcome to My Website</h1>

<h2>My Photo</h2>

<img src=”photo.jpg” width=”200″>

</body>

</html>

💾 STEP 4: Save & Open

  • Ctrl + S
  • File बंद करें
  • index.html पर Double Click

 

🧠 समझिए

  • <img> = Image tag
  • src = Image का नाम
  • width = Image का size

Read More: HTML Course Lesson 2: Text Formatting in HTML for Beginners…

Read More: ADCA MCQS TEST