مشاوره رایگان طراحی سایت و قالب وردپرس
۰۵۱-۳۸۸۴۶۰۲۷ ۰۹۱۲۰۲۴۸۱۱۲ ۰۹۳۶۷۹۸۸۱۱۲

عنصر img – عنصر تصویر در HTML

در این مقاله قصد داریم به شما نشان دهیم که چطور با استفاده از عنصر img تصویری را در صفحه وب خود به نمایش در بیاورید.

در html عکسها توسط تگ <img /> تعریف می شوند.

صفات عنصر img به شرح زیر می باشد :

  • src: نام فایل تصویر و یا آدرس تصویر می باشد.
  • alt: متن جایگزین (توضیح عکس)
  • height: ارتفاع عکس
  • width: عرض عکس

نحوه معرفی یک تصویر

<img src="url" />

url به محلی اشاره می کند که تصویر در آنجا قرار دارد.

مثال :

<img src="http://2sweb.ir/wp-content/uploads/Learning-HTML.jpg" />

آموزش اچ تی ام ال - مقدمه ای بر html

مشخصه alt در عنصر img

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

<img src="http://2sweb.ir/wp-content/uploads/Learning-HTML.jpg" alt="آموزش قرار دادن عکس در اچ تی ام ال" />

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

محل نمایش عکس یا مشخصه align در عنصر img

مشخصه ی align دارای مقادیر : top ، bottom و middle می باشد. که مشخص می کند عکس در کجا نمایش داده شود.

<h4>Image with default alignment (align="bottom"):</h4>
<p>This is some text. <img src="icon-2sweb.png" alt="2sweb-icon"> This is some text.</p>

<h4>Image with align="middle":</h4>
<p>This is some text. <img src="icon-2sweb.png" alt="2sweb-icon" align="middle" > This is some text.</p>

<h4>Image with align="top":</h4>
<p>This is some text. <img src="icon-2sweb.png" alt="2sweb-icon" align="top"> This is some text.</p>

خروجی :

Image with default alignment (align=”bottom”):

This is some text. 2sweb-icon This is some text.

Image with align=”middle”:

This is some text. 2sweb-icon This is some text.

Image with align=”top”:

This is some text. 2sweb-icon This is some text.

تغییر اندازه عکس

<p>
<img src="icon-2sweb.png" width="20" height="20"></p>

<p>
<img src="icon-2sweb.png" width="32" height="32"></p>

<p>
<img src="icon-2sweb.png" width="45" height="45"></p>

خروجی :

اشتراک کذاری در :
سوالات متداول

توس وب تضمین میکند مطابق با مفاد قرارداد رسمی که درابتدا, متناسب با نیاز مشتری تنظیم شده عمل نماید (تحویل به موقع – پشتیبانی پس از تحویل – رعایت استاندارد های جهانی)

پشتیبانی دارای محدودیت زمانی نبوده و ما پاسخگوی تمامی مشکلات و خطاهای احتمالی سایت شما هستیم.

طراحی اختصاصی توسط تیم حرفه ای و بدون استفاده از قالب های آماده و با رعایت استانداردهای جهانی وب

تیم توس وب تلاش کرده تا تمامی موارد امنیتی که مربوط به کدنویسی قالب ها بوده را رعایت کند.

بله – پس از طراحی فایل های آموزشی به صورت متنی یا ویدئویی در اختیار شما قرار می گیرد.

خیر، کارکردن با سایت بسیار آسان است، زیرا پنل تنظیمات و مدیریت سایت کاملاً فارسی بوده و آموزش کامل آن در اختیار مشتری قرار می گیرد.

توس وب از بروزترین تکنولوژی های مورد استفاده در وب از قبیل PHP,HTML5,CSS3,Java Script,Bootstrap استفاده می کند.

بله، قالب هایی که توسط توس وب طراحی می شوند منطبق با آخرین استانداردهای جهانی وب ( استاندارد کنسرسیوم جهانی وب = html css
استاندارد ECMA = استاندارد کدهای جاوا اسکریپت ) می باشد.

هزینه طراحی قالب وردپرس، بر اساس امکانات و نیاز های مشتری تعیین می گردد که در بخش تعرفه ها توضیح داده شده است.

پاسخ این سوال را می توان در چند جمله اینگونه بیان کرد :

پشتیبانی حرفه ای – طراحی متناسب با سلیقه و نیازهای مشتری – حجم کم کدنویسی پائین و سرعت لود بالا

با توجه به نوع وبسایت و امکانات آن بین ۲۵ تا ۶۰ روز متغیر می باشد.

چرا به توس وب اعتماد کنیم ؟

توس وب یک سایت رسمی می باشد و همچنین دارای گواهی نامه های معتبر ( نماد اعتماد الکترونیک از مرکز توسعه و تجارت الکترونیک , نماد ساماندهی از وزارت ارشاد و درگاه پرداخت ایمن بانک ملت ) می باشد

نظرات برخی مشتریات درباره توس وب