এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়

সুচিপত্র:

এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়
এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়

ভিডিও: এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়

ভিডিও: এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়
ভিডিও: এইচটিএমএল টিউটোরিয়াল 5 ছবির আকার পরিবর্তন, এবং তাদের কেন্দ্রীকরণ 2024, মে
Anonim

আপনি ট্যাগের জন্য উপযুক্ত বৈশিষ্ট্য নির্দিষ্ট করে পৃষ্ঠায় প্রদর্শিত চিত্রটির আকার পরিবর্তন করতে পারেন

যা HTML পৃষ্ঠায় গ্রাফিকগুলি দেখানোর জন্য দায়ী। প্রস্থ এবং উচ্চতার বৈশিষ্ট্যগুলির মাধ্যমে বৃদ্ধি বা হ্রাস করা হয়।

এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়
এইচটিএমএলে কোনও চিত্রের আকার কীভাবে বাড়ানো যায়

একটি ছবি sertোকান

সম্পাদনা করার আগে, ট্যাগগুলি নির্দিষ্ট করে পৃষ্ঠায় একটি চিত্র যুক্ত করুন

… এইচটিএমএল ডকুমেন্ট সম্পাদনা করতে আপনার কোনও পাঠ্য সম্পাদকের পৃষ্ঠা খুলতে হবে। ফাইলটিতে ডান ক্লিক করুন এবং "ওপেন উইথ" অ্যাট্রিবিউট - "নোটপ্যাড" নির্বাচন করুন। আপনি কোড পরিবর্তন করার জন্য ব্যবহার করতে আরও সুবিধাজনক যে কোনও অন্য সম্পাদককে নির্দিষ্ট করে দিতে পারেন।

নথির বিভাগে যান এবং ট্যাগটি সন্ধান করুন

… চিত্রটি এখনও পৃষ্ঠাটিতে যুক্ত না করা থাকলে, নিম্নলিখিত কোডটি প্রবেশ করুন:

চিত্র ফাইলের পথটি আপেক্ষিক বা পরম হতে পারে। চিত্রটির নাম এবং এতে একটি ক্যাপশন যুক্ত করার জন্য Alt = "চিত্র" বৈশিষ্ট্যটি দায়বদ্ধ, যা চিত্রের উপরের মাউস পয়েন্টারটি শেষ হয়ে গেলে প্রদর্শিত হবে।

আকার পরিবর্তন

চিত্রটি প্রসারিত করতে, চিত্রের ট্যাগগুলিতে বৈশিষ্ট্য যুক্ত করে যথাযথ প্রস্থ এবং উচ্চতা পরামিতিগুলি সেট করুন:

প্রস্থের প্যারামিটারটি চিত্রের প্রস্থের সাথে মিলে যায় এবং উচ্চতায় চিত্রটির উচ্চতার সূচক থাকে। এই ক্ষেত্রে, পৃষ্ঠাটি খোলার পরে, ব্রাউজার উইন্ডোতে 300 পিক্সেলের প্রস্থ এবং 350 পিক্সেলের উচ্চতার একটি চিত্র প্রদর্শিত হবে। আপনি পৃষ্ঠায় ফর্ম্যাটিং সেটিংস পরিবর্তন করতে hspace এবং vspace বৈশিষ্ট্যগুলি যুক্ত করতে পারেন:

এই বিবরণীতে, চিত্র থেকে অনুভূমিক (hspace) এবং উল্লম্ব (vspace) মার্জিনগুলি নির্দিষ্ট করা হয়েছিল। পৃষ্ঠায় যুক্ত যে কোনও পাঠ্য চিত্র থেকে অনুভূমিকভাবে 5 পিক্সেল এবং 10 পিক্সেল উল্লম্বভাবে করা হবে। সীমানা বৈশিষ্ট্যটি চিত্রের চারপাশে 1 পিক্সেল সীমানা তৈরি করার জন্য দায়ী।

এটি লক্ষ করা উচিত যে চিত্রটির আকার কেবল পিক্সেলগুলিতেই নয়, ব্রাউজার উইন্ডোর আকারের তুলনায় শতাংশ হিসাবেও সেট করা যেতে পারে। উদাহরণ স্বরূপ:

এই কোডটির কাজের ফলস্বরূপ, চিত্রটি উইন্ডোটির পুরো প্রস্থে প্রসারিত হবে। এটি লক্ষণীয় যে এই ক্ষেত্রে ছবিটি বিকৃত হতে পারে। ছবির বিবর্ধিত চিত্রটি নিজের ছবির মানের উপর নির্ভর করে।

"ফাইল" ব্যবহার করে করা পরিবর্তনগুলি সংরক্ষণ করুন - "নোটপ্যাড" উইন্ডোর "সংরক্ষণ করুন" ফাংশন। ডান ক্লিক করে এবং "ওপেন উইথ" বিকল্পটি বেছে নেওয়ার মাধ্যমে এইচটিএমএল ফাইলটি খোলার মাধ্যমে ব্রাউজার উইন্ডোতে চিত্রটির প্রদর্শন পরীক্ষা করুন। প্রস্তাবিত বিকল্পগুলির তালিকায়, আপনি ইন্টারনেট ব্রাউজ করতে যে প্রোগ্রামটি ব্যবহার করেন তা নির্বাচন করুন। আপনি চিত্রের আকার সামঞ্জস্য করতে এইচটিএমএল ফাইলকে যে কোনও সংখ্যক বার সম্পাদনা করতে পারেন।

প্রস্তাবিত: