چگونه می توان اندازه تصویر را در Html افزایش داد

فهرست مطالب:

چگونه می توان اندازه تصویر را در Html افزایش داد
چگونه می توان اندازه تصویر را در Html افزایش داد

تصویری: چگونه می توان اندازه تصویر را در Html افزایش داد

تصویری: چگونه می توان اندازه تصویر را در Html افزایش داد
تصویری: شما هرگز با یک وانت پول در نمی آورید. چرا؟ ویدئویی عالی در مورد تجارت کامیون در ایالات متحده 2024, دسامبر
Anonim

با تعیین ویژگی های مناسب برای برچسب ، می توانید اندازه تصویر نمایش داده شده در صفحه را تغییر دهید

که وظیفه نمایش گرافیک ها در صفحه HTML را بر عهده دارد. افزایش یا کاهش از طریق ویژگی های عرض و ارتفاع انجام می شود.

چگونه می توان اندازه تصویر را در html افزایش داد
چگونه می توان اندازه تصویر را در html افزایش داد

یک عکس وارد کنید

قبل از ویرایش ، با تعیین برچسب ها ، تصویری به صفحه اضافه کنید

… برای ویرایش یک سند HTML ، باید صفحه را در هر ویرایشگر متن باز کنید. روی پرونده کلیک راست کرده و ویژگی "Open With" - "Notepad" را انتخاب کنید. همچنین می توانید ویرایشگر دیگری که استفاده از آن برای تغییر کد برای شما راحت تر است را مشخص کنید.

به قسمت سند بروید و برچسب را پیدا کنید

… اگر تصویر هنوز به صفحه اضافه نشده است ، کد زیر را وارد کنید:

مسیر رسیدن به فایل تصویر می تواند نسبی یا مطلق باشد. مشخصه alt="Image" مسئول نام تصویر و افزودن عنوان به آن است ، که وقتی نشانگر ماوس روی تصویر قرار دارد ، نمایش داده می شود.

تغییر اندازه

برای بزرگنمایی تصویر ، پارامترهای عرض و ارتفاع مناسب را با افزودن مشخصه هایی به برچسب تصویر روی آن تنظیم کنید:

پارامتر عرض مربوط به عرض تصویر است و ارتفاع حاوی نشانگر ارتفاع تصویر است. در این حالت ، هنگام باز شدن صفحه ، تصویری با عرض 300 پیکسل و ارتفاع 350 پیکسل در پنجره مرورگر نمایش داده می شود. برای تغییر تنظیمات قالب بندی در صفحه می توانید ویژگی های hspace و vspace را نیز اضافه کنید:

در این توصیفگر ، حاشیه های افقی (hspace) و عمودی (vspace) از تصویر مشخص شده اند. هر متنی که به صفحه اضافه شود از نظر افقی 5 پیکسل و از حالت عمودی 10 پیکسل فاصله خواهد داشت. ویژگی border وظیفه ایجاد حاشیه 1 پیکسل در اطراف تصویر را دارد.

لازم به ذکر است که اندازه تصویر نه تنها در پیکسل ، بلکه به صورت درصدی نسبت به اندازه پنجره مرورگر نیز قابل تنظیم است. مثلا:

در نتیجه کار این کد ، تصویر در کل عرض پنجره کشیده می شود. شایان ذکر است که ممکن است تصویر در این مورد مخدوش شود. بزرگنمایی تصویر به کیفیت خود تصویر بستگی دارد.

تغییرات ایجاد شده با استفاده از عملکرد "File" - "Save" از پنجره "Notepad" را ذخیره کنید. با باز کردن پرونده HTML با کلیک راست و انتخاب گزینه "Open With" ، نمایش تصویر را در پنجره مرورگر بررسی کنید. برنامه ای را که برای مرور اینترنت استفاده می کنید ، در لیست گزینه های پیشنهادی انتخاب کنید. برای تنظیم اندازه تصویر می توانید هر چند بار پرونده HTML را ویرایش کنید.

توصیه شده: