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

تصاویر در Html

با سلام به خدمت دوستان عزیز و گرامی در این آموزش قصد داریم تصاویر در Html مطالبی را یاد بدهیم .
تصاویر می توانند طراحی و ظاهر یک صفحه وب را بهبود بخشند و برای seo سایت یک عامل مهم است
تصاویر باعث جذب کاربر و زیبایی و خوانایی بهتر سایت می شود پس استفاده از این تگ و همچنین صفات تصاویر در Html برای کاربر و seo خیلی مهم است

تگ <img>

از تگ <img> برای جا سازی تصویر در یک صفحه وب استفاده می شود.
تصاویر از نظر فنی در یک صفحه وب درج نمی شوند بلکه تصاویر به صفحات وب پیوند داده می شوند یعنی تگ <img> یک فضای نگهداری برای تصویر ارجاع شده ایجاد می کند.
تگ <img> خالی است ، فقط حاوی صفاتی است و تگ پایانی ندارد.

صفات تگ <img>

src : مسیر رسیدن به تصویر را مشخص می کند و یک آدرس URL دریافت می کند

alt : متن دیگری را برای تصویر مشخص می کند
به دلایلی کاربر نتواند تصویر که توسط URL به صفت src  داده شده است را  مشاهده کند (به دلیل کند بودن اتصال ، خطا در صفت src یا اگر کاربر از صفحه خوان استفاده می کند) ، ویژگی alt مورد نیاز یک متن جایگزین را ارائه می دهد و  alt باید ویژگی تصویر را توصیف کند
اگر یک مرورگر نتواند تصویری پیدا کند ، مقدار ویژگی alt را نمایش می شود
نکته: صفحه خوان یک برنامه نرم افزاری است که کد HTML را می خواند ، و به کاربر امکان “گوش دادن” به محتوا را می دهد. صفحه خوان ها برای افرادی که کم بینا هستند یا یادگیری ندارند ، مفید هستند.
به مثال زیر نگاه کنید
<img src=”http://image.png” alt=”coderschool”>

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

ارسال دیدگاه

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

×

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

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

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

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