Part 7 – الصور في HTML – سلسلة FSWD – HTML

<img src="https://via.placeholder.com/150" alt="صورة تجريبية" width="150" height="150">

• src: هنا استخدمنا موقع placeholder بيقدم صور تجريبية.

• alt: لو الصورة مش ظهرت لأي سبب، المستخدم هيشوف النص ده.

• width و height: لضبط أبعاد الصورة يدويًا.

🔹 ثانيًا: الصور كروابط (Image Links)

📌 الفكرة:

ممكن تستخدم الصورة نفسها كـ رابط، يعني لما المستخدم يضغط على الصورة، يروح لصفحة تانية.

✅ الشكل

<a href="https://www.google.com">
  <img src="https://via.placeholder.com/150" alt="اذهب إلى جوجل">
</a>