freeCodeCamp/guide/arabic/html/attributes/img-src-attribute/index.md

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

يظهر الرمز أعلاه كما يلي:

![الصورة الرمزية freeCodeCamp](https://avatars0.githubusercontent.com/u/9892522?v=4&s=400?raw=true)

السمة `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)
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
			`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` .

fix: converted single to triple backticks8 (#36235) 2019-06-20 13:45:47 -07:00			```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>`
			```
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
			`يظهر الرمز أعلاه كما يلي:`

			`![الصورة الرمزية freeCodeCamp](https://avatars0.githubusercontent.com/u/9892522?v=4&s=400?raw=true)`

			السمة `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)`