گروه آموزش طراحی سایت 28 اردیبهشت 1392 بدون نظر 967 بازدید آموزش HTML

در سلسله آموزشهای قبل آنلاینر به مبحث معرفی تگ IMG پرداختیم.

در این مقاله قصد صفت های رایج در IMG را داریم.

در حالت معمول تگ IMG حداقل حتما باید یک صفت با نام SRC داشته باشد که آنهم حاوی آدرس عکس است. در این حالت اگر عکسی در تگ IMG درج شود اندازه اصلی عکس نمایش داده میشود. برای اینکه بتوان عرض و ارتفاع آن را بصورت ثابت تنظیم کرد میتوان از دو صفت height برای ارتفاع و width برای عرض آن استفاده کرد. برای مثال کد زیر عکسی با عرض 200 پیکسل و ارتفاع 300 پیکسل ایجاد خواهد کرد.

<html>
<head>
</head>
<body>
<img src="images/sunset.jpg" width=200 height=300/>
</body>
</html>

دو صفت کاربردی و مهم دیگر در تگ IMG استفاده میشود.

TITLE : این صفت عنوانی برای عکس تعیین میکند. در صورتی که اشاره گر موس کاربر روی عکس قرار گیرد متن آن به عنوان توضیحات عکس نمایش داده خواهد شد.

ALT : متن ثانویه عکس در صفت ALT قرار خواهد گرفت، اگر به هر دلیلی عکس مورد نظر در سیستم کاربر نشان داده نشود این متن به جای عکس نشان داده خواهد شد.

کد زیر را در نظر بگیرید:

<html>
<head>
</head>
<body>
<img src="images/sunset.jpg" width=200 height=300 alt="متن ثانویه عکس" title="عنوان عکس"/>
</body>
</html>

خروجی کد بالا بدین صورت است:

صفات تگ IMG

صفات تگ IMG

در آموزش بعد به مبحث سئو برای تصاویر میپردازیم.
با آنلاینر همراه شوید …

دیدگاه ها بسته شده اند.