اچ‌تی‌ام‌ال/نگاره‌ها

مقدمه بندها قلم پیوند تصاویر رسانه‌ها
فریم جدول‌بندی یادداشت‌ها تقسیم‌بندی (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‏ و ...) پشتیبانی می‌کند.

جستار‌های وابسته

ویرایش

منابع

ویرایش
  • ‎کاربران ویکی‌کتاب

پیوند به بیرون

ویرایش

‎ویکی‌پدیا‎