سمة HTML <img> src

❮ علامة HTML <img>

مثال

يتم ترميز الصورة على النحو التالي:

<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:

  • An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
  • A relative URL - points to a file within a web site (like src="image.gif")

❮ علامة HTML <img>