در سلسله آموزشهای قبل آنلاینر به مبحث معرفی تگ IMG پرداختیم.
در این مقاله قصد صفت های رایج در IMG را داریم.
در حالت معمول تگ IMG حداقل حتما باید یک صفت با نام SRC داشته باشد که آنهم حاوی آدرس عکس است. در این حالت اگر عکسی در تگ IMG درج شود اندازه اصلی عکس نمایش داده میشود. برای اینکه بتوان عرض و ارتفاع آن را بصورت ثابت تنظیم کرد میتوان از دو صفت height برای ارتفاع و width برای عرض آن استفاده کرد. برای مثال کد زیر عکسی با عرض 200 پیکسل و ارتفاع 300 پیکسل ایجاد خواهد کرد.
[html]
<html>
<head>
</head>
<body>
<img src="images/sunset.jpg" width=200 height=300/>
</body>
</html>
[/html]
دو صفت کاربردی و مهم دیگر در تگ IMG استفاده میشود.
TITLE : این صفت عنوانی برای عکس تعیین میکند. در صورتی که اشاره گر موس کاربر روی عکس قرار گیرد متن آن به عنوان توضیحات عکس نمایش داده خواهد شد.
ALT : متن ثانویه عکس در صفت ALT قرار خواهد گرفت، اگر به هر دلیلی عکس مورد نظر در سیستم کاربر نشان داده نشود این متن به جای عکس نشان داده خواهد شد.
کد زیر را در نظر بگیرید:
[html]
<html>
<head>
</head>
<body>
<img src="images/sunset.jpg" width=200 height=300 alt="متن ثانویه عکس" title="عنوان عکس"/>
</body>
</html>
[/html]
خروجی کد بالا بدین صورت است:
در آموزش بعد به مبحث سئو برای تصاویر میپردازیم.
با آنلاینر همراه شوید …
