< اچ‌تی‌ام‌ال

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

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

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

منابع

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

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

‎ویکی‌پدیا‎

This article is issued from Wikibooks. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.