اچتیامال/تصاویر
برای ایجاد تصاویر در اچتیامال باید تگ <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 میتوانید موارد زیر را بکار ببرید:
- bottom
- middle
- top
- ...
- قرار گرفتن در قالب
برای این کار می بایست از موجودیت border استفاده کرد.به مثال به زیر توجه کنید.
<img border="x" src="image url" />
ّبه جای x هر عددی میتوان قرار داد.0 قالبی ندارد، 1 مقدار بسیار کم، 2 کمی بیشتر، 3...
- سایز تصویر
برای تغییر سایز تصاویر میتوان از موجودیت های width و height استفاده کرد.width اندازه عرض و height اندازه طول باشه.