پرش به محتوا

اچ‌تی‌ام‌ال/تصاویر

ویکی‎کتاب، کتابخانهٔ آزاد

برای ایجاد تصاویر در اچ‌تی‌ام‌ال باید تگ <img> را به همراه موجودیت src به کار برد.

کد(تگ)

[ویرایش]

برای نمایش یک تصویر در یک صفحه ، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ، Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر:

<img src="img url" />

url به محلی اشاره می کند که تصویر در آنجا قرار دارد . تصویری که "boat.gif" نامیده شده در دایرکتوری "images" در "www.html.ir" دارای این url است:

http://www.html.ir/images/boat.gif

مرورگر تصویر را جایی قرار می دهد که بر چسب تصویر پرونده در آنجا قرار گرفته است.اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید ، مرورگر ابتدا پاراگراف اول ، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.

موجودیت Alt

[ویرایش]

موجودیت Alt برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای موجودیت Alt یک متن توصیفی است:

<img src="image url" alt="big boat" />

اگر مرورگر نتواند تصویری را بارگیری نماید ، موجودیت alt به خواننده می گوید که آن را در صفحه از دست داده است ، سپس مرورگر متن جایگزین را بجای آن نشان خواهد داد.

نکات پایه ای - اطلاعات مفید

[ویرایش]

اگر یک فایل HTML حاوی 10 تصویر باشد ، برای نمایش کامل صفحه به 11 فایل احتیاج است. بارگیری تصاویر وقت گیر است ، بنابر این بهترین توصیه من اینست که از تصاویر به دقت استفاده کنید.

آموزش مختصر سایر موجودیت ها

[ویرایش]
  • محل نمایش تصویر

برای اینکار باید از موجودیت align استفاده کرد.

<img src="image url" align="align image" />

برای align میتوانید موارد زیر را بکار ببرید:

  1. bottom
  2. middle
  3. top
  4. ...
  • قرار گرفتن در قالب

برای این کار می بایست از موجودیت border استفاده کرد.به مثال به زیر توجه کنید.

<img border="x" src="image url" />

ّبه جای x هر عددی میتوان قرار داد.0 قالبی ندارد، 1 مقدار بسیار کم، 2 کمی بیشتر، 3...

  • سایز تصویر

برای تغییر سایز تصاویر میتوان از موجودیت های width و height استفاده کرد.width اندازه عرض و height اندازه طول باشه.