41 lines
1.5 KiB
Markdown
41 lines
1.5 KiB
Markdown
---
|
|
title: Img Src Attribute
|
|
localeTitle: Img Src Attribute
|
|
---
|
|
## Img Src Attribute
|
|
|
|
تشير السمة `<img src>` إلى مصدر الصورة التي تريد عرضها. لن تعرض علامة `img` صورة بدون سمة `src` . ومع ذلك ، إذا قمت بتعيين المصدر إلى موقع الصورة ، يمكنك عرض أي صورة.
|
|
|
|
توجد صورة لشعار freeCodeCamp الموجود على `https://avatars0.githubusercontent.com/u/9892522?v=4&s=400`
|
|
|
|
يمكنك تعيين ذلك كصورة باستخدام السمة `src` .
|
|
|
|
```html
|
|
<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`
|
|
|
|
### معلومات اكثر:
|
|
|
|
* [HTML.com](https://html.com/attributes/img-src/)
|
|
* [مدارس W3](https://www.w3schools.com/tags/att_img_src.asp) |