এইচটিএমএল সহ কোনও চিত্রের দৈর্ঘ্য এবং প্রস্থ নির্ধারণ করুন

লেখক: Roger Morrison
সৃষ্টির তারিখ: 18 সেপ্টেম্বর 2021
আপডেটের তারিখ: 1 জুলাই 2024
Anonim
Week10-Lecture 49
ভিডিও: Week10-Lecture 49

কন্টেন্ট

এই উইকিহো কীভাবে এইচটিএমএল (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ) ব্যবহার করে কোনও চিত্রের উচ্চতা এবং প্রস্থকে সেট করতে হয় তা ব্যাখ্যা করে।

  • "প্রস্থ" পিক্সেলগুলিতে একটি চিত্রের প্রস্থ নির্দেশ করে।
  • "উচ্চতা" পিক্সেলগুলিতে একটি চিত্রের উচ্চতা নির্দেশ করে।
  • এইচটিএমএল 4.01 এ, উচ্চতা পিক্সেল বা শতাংশে সংজ্ঞায়িত করা যেতে পারে। এইচটিএমএল 5-তে, মানটি অবশ্যই পিক্সেলগুলিতে হবে।

পদক্ষেপ

  1. আপনি যে ফাইলটির জন্য চিত্রটি প্রদর্শন করতে চান সেটি সম্পাদনা করুন। উদাহরণস্বরূপ: default.html
  2. আপনার স্ক্রিপ্টে এই লাইনটি যুক্ত করুন
    • img src = "imagefile.webp" alt = "চিত্র" উচ্চতা = "42" প্রস্থ = "42">
    • src হ'ল আপনার চিত্রের ফাইল পথ।
    • Alt হল আপনার লেবেলটি যে লেবেলটি দেয়।
  3. আপনার পছন্দ অনুযায়ী "উচ্চতা" এবং "প্রস্থ" প্রতিস্থাপন করুন, উদাহরণস্বরূপ উচ্চতা = "19" প্রস্থ = "20"
  4. ফাইলটি সংরক্ষণ করুন এবং প্রভাবটি দেখতে যে কোনও ব্রাউজার দিয়ে ফাইলটি খুলুন। গুগল ক্রোম, সাফারি, মজিলা ফায়ারফক্স, অপেরা, ইন্টারনেট এক্সপ্লোরার ইত্যাদির মতো সমস্ত বড় ব্রাউজারগুলিতে "প্রস্থ" বৈশিষ্ট্যটি সমর্থিত

পরামর্শ

  • চিত্রগুলির জন্য সর্বদা উচ্চতা এবং প্রস্থের বৈশিষ্ট্যগুলি নির্দিষ্ট করুন। উচ্চতা এবং প্রস্থ সেট করা থাকলে, পৃষ্ঠাটি লোড হওয়ার পরে চিত্রটির জন্য প্রয়োজনীয় স্থানটি সংরক্ষণ করা হবে। যাইহোক, এই বৈশিষ্ট্যগুলি ছাড়া ব্রাউজারটি চিত্রের আকার জানে না এবং এর জন্য কোনও উপযুক্ত স্থান সংরক্ষণ করা যাবে না। এর প্রভাব হ'ল পৃষ্ঠার বিন্যাসটি লোড করার সময় পরিবর্তিত হয় (যখন চিত্রগুলি লোড হচ্ছে)।
  • একটি উচ্চ চিত্রের দৈর্ঘ্য এবং প্রস্থ সামঞ্জস্য করে আকারকে হ্রাস করা ব্যবহারকারীকে বৃহত্তর চিত্রটি ডাউনলোড করতে বাধ্য করে (এমনকি এটি পৃষ্ঠায় ছোট দেখায়ও)। এড়াতে, আপনাকে কোনও পৃষ্ঠাতে রাখার আগে কোনও প্রোগ্রাম দিয়ে ছবিটি পুনরুদ্ধার করতে হবে।