اصول اولیه گذاشتن عکس در HTML

اصول اولیه طریقه تکه کد گذاشتن  عکس در HTML

<img src="images/firefox-icon.png" alt="My test image">

همانطور که قبلا گفتیم، یک تصویر را در صفحه ما در موقعیتی قرار می دهد که به نظر می رسد. این کار را از طریق ویژگی src) source) انجام می دهد که حاوی مسیر فایل تصویر ما است.

ما همچنین ویژگی alt) alternative) را نیز در بر داشتیم. در این ویژگی، متن توصیفی برای کاربرانی که نمیتوانند تصویر را ببینند را مشخص کنید، احتمالا به دلایل زیر:

آنها دچار اختلال دید هستند. کاربران با اختلالات بصری قابل توجهی اغلب از ابزارهایی مانند خوانندگان صفحه نمایش برای خواندن متن alt به آنها استفاده می کنند.

چیزی نادرست باعث شده که تصویر نمایش داده نشود. برای مثال، سعی کنید عمدا مسیر را در داخل ویژگی src خود تغییر دهید تا نادرست باشد. اگر صفحه را ذخیره و بارگیری کنید، باید چیزی شبیه به جای این تصویر را ببینید:

کلمات کلیدی برای متن alt "متن توصیفی" هستند.