HTML Class 4: How to Add Images in HTML | Web Development Course in Urdu/Hindi by Black Zero

📸 Welcome to Class 04 of the Black Zero Web Development Series!

A website without images is just a wall of text. In today’s lesson, we are going to learn how to bring your web pages to life using the img tag. I will show you how to link images correctly, how to control their size, and the secret to making your images "searchable" for Google.

🚀 What you will learn in this Lesson:

How to use the img src="" attribute properly.
The importance of Alt Text (Essential for SEO and Accessibility).
Difference between Absolute (Online) and Relative (Local) image paths.
How to adjust image Width and Height without losing quality.
Common mistakes why images don't show up (The "Broken Image" fix).

⏰ Timestamps: 00:00 - Intro to Images in HTML 01:30 - The Syntax of the img Tag 03:10 - What is the 'src' attribute? 05:45 - Why you MUST use 'alt' text (SEO Tip!) 07:20 - Local vs Online Images (Important!) 09:15 - Resizing images (Width & Height) 11:30 - Live Demo: Building a Profile Card 13:00 - Homework Assignment!

Full Playlist :    • Web Development Full Course 2026 (Urdu/Hin...  

Subscribe to Black Zero:    / @blackzeroedu  

📝 Today’s Homework Challenge:

Create a folder named "MyProject".
Put an image inside it.
Use the img tag to display that image on your webpage.

Add a width of 300px and a meaningful alt description. Copy your code and paste it in the comments below!

#BlackZero #HTMLImages #LearnCodingUrdu #WebDevelopment2026 #HTMLforBeginners #WebDesignHindi #CodingTutorial #HTMLClass04