1.5 KiB
1.5 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| Img Src Attribute | Img Src Attribute |
Img Src Attribute
تشير السمة <img src> إلى مصدر الصورة التي تريد عرضها. لن تعرض علامة img صورة بدون سمة src . ومع ذلك ، إذا قمت بتعيين المصدر إلى موقع الصورة ، يمكنك عرض أي صورة.
توجد صورة لشعار freeCodeCamp الموجود على https://avatars0.githubusercontent.com/u/9892522?v=4&s=400
يمكنك تعيين ذلك كصورة باستخدام السمة src .
<html>
<head>
<title>Img Src Attribute Example</title>
</head>
<body>
<img src="https://avatars0.githubusercontent.com/u/9892522?v=4&s=400">
</body>
</html>
يظهر الرمز أعلاه كما يلي:
السمة src مدعومة من قبل جميع المتصفحات.
يمكنك أيضًا الحصول على ملف مستضاف محليًا كصورة.
على سبيل المثال ، <img src="images/freeCodeCamp.jpeg> ستعمل إذا كان لديك مجلد يسمى images التي كان لها freeCodeCamp.jpeg بالداخل ، طالما أن مجلد" الصور "كان في نفس الموقع مثل ملف index.html .
../files/index.html
..files/images/freeCodeCamp.jpeg