سمة HTML <img> src
مثال
يتم ترميز الصورة على النحو التالي:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
التعريف والاستخدام
src
تحدد السمة المطلوبة عنوان URL للصورة.
هناك طريقتان لتحديد عنوان URL في src
السمة:
1. عنوان URL مطلق - روابط تؤدي إلى صورة خارجية مستضافة على موقع ويب آخر. مثال: src = "https://www.w3schools.com/images/img_girl.jpg".
ملاحظات: قد تكون الصور الخارجية محمية بحقوق النشر. إذا لم تحصل على إذن لاستخدامه ، فقد تنتهك قوانين حقوق النشر. بالإضافة إلى ذلك ، لا يمكنك التحكم في الصور الخارجية ؛ يمكن إزالته أو تغييره فجأة.
2. URL النسبي - روابط إلى صورة مستضافة داخل الموقع. هنا ، لا يتضمن عنوان URL اسم المجال. إذا بدأ عنوان URL بدون شرطة مائلة ، فسيكون مرتبطًا بالصفحة الحالية. مثال: src = "img_girl.jpg". إذا بدأ عنوان URL بشرطة مائلة ، فسيكون متعلقًا بالمجال. مثال: src = "/ images / img_girl.jpg".
نصيحة: من الأفضل دائمًا استخدام عناوين URL النسبية. لن ينكسر إذا قمت بتغيير المجال.
ملاحظة: يتم عرض رمز ارتباط معطل alt
والنص إذا لم يتمكن المستعرض من العثور على الصورة.
دعم المتصفح
Attribute | |||||
---|---|---|---|---|---|
src | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<img src="URL">
قيم السمات
Value | Description |
---|---|
URL | The URL of the image. Possible values:
|
❮ علامة HTML <img>