میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

صفت src

با عرض سلام و ادب و احترام به دوستان عزیز و گرامی مدرسه کد نویسی در این بخش از آموزش می خواهیم در مورد مسیر دهی یا همان صفت src مطالبی را خدمت شما عزیران بیان کنیم .

برای اینکه بتوانیم بر فرض عکسی را در صفحه خود نمایش دهیم باید آدرس اینترنتی داشته باشد . و یا بخواهیم یک عکس که خارج از هاست ما قرار دارد آدرس دهی کنیم تا در صفحه ما نمایش داده شود. از صفت src  استفاده می کنیم .

این صفت یک آدرس اینترنتی قبول می کند .

صفت src بیشتر آدرس یک عکس ، صفحات و سایت های اینترنتی ، JavaScripts و Style sheets مورد استفاده قرار می کیرد و برای تگ های img و a و script  مورد استفاده قرار می گیرد .

 

نحوه استفاده از این صفت به صورت زیر می باشد :

<img src=”http://coderschool.ir/wp-content/uploads/2020/09/unnamed-512×295.jpg alt=”Html” style=”width:300px;height:300px“>

در مثال بالا اگر دقت کنید داخل صفت src یک آدرس قرار گرفته است و همچنین از صفت های alt و style برای دادن طول و عرض به تگ img استفاده شده است.

 

به مثال زیر دقت  کنید .

<img src=”/images/picture.jpg>

اگر خوب دقت کنید می بینید که در آدرس دهی به تصویر  picture.jpg اشاره شده است که به پوشه images از ریشه وب فعلی رفته و تصویر را بار گذاری کند .

 

اما در مثال زیر

 

<img src=”images/picture.jpg>

مسیر پرونده به یک پرونده در پوشه تصاویر واقع در پوشه فعلی اشاره می کند .

همچنین در مثال زیر :

<img src=”../images/picture.jpg>
آدرس فایل به یک پرونده در پوشه images واقع در پوشه یک سطح بالاتر از پوشه فعلی اشاره شده است. به عبارت دیگر یک پوشه به عقب برگرد و از آنجا پوشه images رفته و تصویر را انتخاب کن

امیدواریم این بخش از آموزش در مورد آدرس دهی در Html و صفت src نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

 

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟