اچ‌تی‌ام‌ال/نگاره‌ها
| مقدمه | بندها | قلم | پیوند | تصاویر | رسانه‌ها |
| فریم | جدول‌بندی | یادداشت‌ها | تقسیم‌بندی (div) | فهرست‌بندی | رویدادها |
| سربرگ (هدر) | پابرگ (فوتر) | پیوند ناوبری | سبک‌ها | فهرست تگ‌ها | سرمتن‌ها |
| عنصرها |
در جای جای اینترنت، تصاویر مختلفی را مشاهده کرده‌اید. این تصاویر ابتدا در یک فضای میزبانی (هاست) یا مرکز بارگذاری (آپلودسنتر) در اینترنت بارگذاری شده و سپس با برچسب <img> نمایش داده می‌شود.
نحوه استفاده
[ویرایش]کد زیر، لوگوی ویکی‌نسک را نشان خواهد داد:
<img src="https://upload.wikimedia.org/wikibooks/fa/c/cf/Wikibooks-logo-fa2.svg" alt="ویکی‌نسک" width="100" height="100" />
نتیجه به این صورت خواهد بود:
|
نکته: |
|---|---|
|
در نسخه‌های قبلی اچ‌تی‌ام‌ال، درج علامت '/' در انتهای تگ الزامی بود، اما در نسخه ۵، این محدودیت برطرف شده است. |
خاصیت src
[ویرایش]این خاصیت مهم‌ترین کار را برای برچسب <img> انجام می‌دهد و آن فراخوانی نگاره برای نمایش در برگه است. ارزش این خاصیت (value) باید برابر با نشانی نگاره باشد. برای نمونه نشانی نگاره‌ای که در بالا مثال زده شد، https://upload.wikimedia.org/wikibooks/fa/c/cf/Wikibooks-logo-fa2.svg است.
پهنا و بلندی
[ویرایش]از خاصیت width برای مشخص‌کردن پهنا و از خاصیت height برای مشخص‌کردن بلندی استفاده می‌شود. اگر از این‌دو استفاده نکنیم، نگاره با ابعاد اصلی نمایش داده خواهند شد.
|
هشدار: اگر می‌خواهید ابعاد یک نگاره را بیش از ابعاد قبلی آن مشخص کنید، با افت کیفیت مواجه خواهید شد. تنها نگاره‌هایی که با دستورات و پسوند اس‌وی‌جی هستند را می‌توان بدون افت کیفیت بزرگ‌نمایی کرد |
خاصیت alt
[ویرایش]اگر به هر دلیلی نگاره قابل نمایش نباشد، ارزش این خاصیت به نمایش درخواهد آمد.
دلیل نمایش داده نشدن نگاره‌ها
[ویرایش]- وجود نداشتن نگاره در نشانی واردشده
- درج اشتباه نشانی
- حذف‌شدن نگاره
- استفاده از مرورگر متنی
- خطای سرور
و بسیاری دلایل دیگر.
سایر خاصیت‌ها
[ویرایش]این برچسب از تمام خاصیت‌های از پیش تعریف‌شده اچ‌تی‌ام‌ال (مانند title، style، name، class، id و ...) پشتیبانی می‌کند.
جستار‌های وابسته
[ویرایش]منابع
[ویرایش]- کاربران ویکی‌کتاب