' بطاقة شعار. ثم أدخل ' صف دراسي ”وتخصيص اسم للفئة حسب الرغبة.

---

---

الخطوة 2: أدخل العنوان

بعد ذلك ، استخدم علامة العنوان المطلوبة من '

' ل '

' بطاقة شعار. على سبيل المثال ، سوف نستخدم علامة

ونضيف نصًا معينًا كعنوان داخل علامتي الفتح والإغلاق.

الخطوة 3: أضف صورة باستخدام URL

بعد ذلك ، أضف ' 'وأدخل السمات المدرجة أدناه داخل علامة الصورة:

• ' src 'السمة' لإضافة ملف الوسائط. لهذا الغرض ، قم بتشغيل متصفح الويب الذي تريده وانسخ عنوان URL للصورة المطلوبة.
• بعد ذلك ، حدد عنوان URL كقيمة لـ ' src ' ينسب.
• التالي، ' كل شيء 'لإضافة اسم للصورة عندما لا يتم عرضها لسبب ما.
• ' ارتفاع '' ارتفاع العنصر وفقًا للقيمة المحددة.
• ' العرض 'المستخدمة لضبط عرض العنصر:

< شعبة صف دراسي = 'img-conatiner' >

< h2 > إضافة صورة مع URL < / h2 >

< IMG src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' كل شيء = 'صورة!' ارتفاع = '400 بكسل' العرض = '300 بكسل' / >

< / شعبة >

وفقًا للإخراج الموضح أدناه ، تمت إضافة الصورة المحددة بنجاح:

الطريقة الثانية: إضافة صورة باستخدام خصائص CSS في HTML

يمكن للمطورين أيضًا إضافة الصورة من عنوان URL باستخدام CSS ' الصورة الخلفية 'CSS. لهذا الغرض ، اتبع الخطوات الموضحة أدناه.

الخطوة 1: أدخل العنوان

أولاً ، أدخل نص عنوان بمساعدة علامة الفتح والإغلاق

.

الخطوة 2: إنشاء حاوية div

بعد ذلك ، أنشئ حاوية div باستخدام علامة