একটি এইচটিএমএল আকার ট্যাগ বিদ্যমান কি?

যত তাড়াতাড়ি আপনি এইচটিএমএল এর সাথে ওয়েবপৃষ্ঠা নির্মাণ শুরু করবেন, আপনি সিমিংয়ের সাথে কাজ শুরু করবেন। আপনার সাইটটিকে আপনি যেভাবে দেখতে চান তা সন্ধান করতে, সম্ভবত আপনি বা অন্য নকশাকারটি তৈরি করেছেন এমন একটি ডিজাইনের সাথে মিল রেখে, আপনি সেই সাইটে পাঠের আকার পরিবর্তন করতে চান, সেইসাথে পৃষ্ঠার অন্যান্য উপাদানগুলিও পরিবর্তন করতে চান। এটি করতে আপনি একটি এইচটিএমএল "আকার" ট্যাগ সন্ধান করতে শুরু করতে পারেন, কিন্তু আপনি দ্রুত এটি অনুপস্থিত খুঁজে পেতে হবে।

HTML আকার ট্যাগ HTML এ বিদ্যমান নেই পরিবর্তে, আপনার ফন্ট, চিত্র বা লেআউটের আকার সেট করার জন্য আপনি ক্যাসকেডিং স্টাইল শীট ব্যবহার করতে হবে। আসলে, কোনও ভিজ্যুয়াল পরিবর্তনের জন্য আপনার সাইটের কোনও পাঠ্য বা অন্য উপাদান তৈরি করতে হবে CSS দ্বারা পরিচালিত হবে! এইচটিএমএল শুধুমাত্র গঠন জন্য হয়

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

ফন্ট আকার

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

আপনার অনুচ্ছেদটি 12pt এর ফন্টের আকার নির্ধারণ করতে ফন্টের আকার শৈলীটি ব্যবহার করুন:

h3 {font-size = 24px; }

এই শৈলীটি শিরোনাম 3 টি উপাদান 24 পিক্সেলের ফন্টের আকার নির্ধারণ করবে। আপনি এটি একটি বহিরাগত স্টাইল শীট যোগ করতে পারে এবং আপনার সমস্ত সাইট এর H3s এই শৈলী ব্যবহার করবে।

আপনি আপনার পাঠ্যে অতিরিক্ত মুদ্রণ শৈলী যোগ করতে চান, আপনি এই CSS নিয়ম সম্মুখের যোগ করতে পারেন:

h3 {font-size: 24px; রঙ: # 000; ফন্ট-ওজন: স্বাভাবিক; }

এটি শুধুমাত্র H3s এর জন্য ফন্ট সাইজ সেট করবে না, এটি কালো রঙের সেটও করবে (যা হেডস কোড # 000 মানে) এবং এটি "স্বাভাবিক" কে ওজন সেট করবে ডিফল্টরূপে, ব্রাউজার 1-6 হিসাবে শিরোনামগুলি গাঢ় টেক্সট হিসাবে উপস্থাপিত করে, তাই এই শৈলীটি যে ডিফল্ট এবং মূলত "আন-সাহসী" পাঠ্যকে ওভাররাইড করবে।

চিত্রের আকার

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

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

এইচটিএমএল ব্যবহার করে আপনার ইমেজ সাইজ নির্ধারণ করতে, img ট্যাগ এর উচ্চতা এবং প্রস্থ বৈশিষ্ট্যাবলী ব্যবহার করুন। উদাহরণস্বরূপ, এই চিত্র 400x400 পিক্সেল বর্গ হবে:

উচ্চতা = "400" প্রস্থ = "400" alt = "চিত্র" />

সিএসএস ব্যবহার করে আপনার ইমেজ সাইজ নির্ধারণ করতে, উচ্চতা এবং প্রস্থ স্টাইলের বৈশিষ্ট্যগুলি ব্যবহার করুন। আকার সংজ্ঞায়িত করতে CSS ব্যবহার করে এখানে একই চিত্র রয়েছে:

শৈলী = "উচ্চতা: 400 পিক্স; প্রস্থ: 400 পিক্স;" alt = "চিত্র" />

বিন্যাস আকার

আপনি একটি লেআউটের মধ্যে সংজ্ঞায়িত সর্বাধিক সাধারণ আকার প্রস্থ, এবং আপনার সিদ্ধান্ত নিতে হবে প্রথম জিনিসটি একটি নির্দিষ্ট প্রস্থ বিন্যাস বা একটি প্রতিক্রিয়াশীল ওয়েবসাইট ব্যবহার করা হয় কিনা। অন্য কথায়, আপনি পিক্সেল, ইঞ্চি, বা পয়েন্ট সঠিক সংখ্যা হিসাবে প্রস্থ নির্ধারণ করতে যাচ্ছেন? অথবা আপনি ems বা শতাংশ ব্যবহার করে নমনীয় হতে আপনার লেআউট প্রস্থ সেট করতে যাচ্ছে? আপনার লেআউটের আকার সংজ্ঞায়িত করতে, আপনি প্রস্থ এবং উচ্চতা CSS বৈশিষ্ট্যাবলীগুলি ব্যবহার করেন যেমনটি আপনি একটি ছবিতে করবেন।

নির্দিষ্ট প্রস্থ:

শৈলী = "প্রস্থ: 600px;">

তরল প্রস্থ:

শৈলী = "প্রস্থ: 80%;">

যখন আপনি আপনার লেআউটের প্রস্থগুলির উপর সিদ্ধান্ত নেবেন, তখন আপনার ব্রাউজারগুলি বিভিন্ন ব্রাউজারের প্রস্থগুলির কথা মনে রাখতে হবে এবং বিভিন্ন ডিভাইসগুলিও এটি ব্যবহার করবে। এই কারণে প্রতিক্রিয়াশীল ওয়েবসাইটগুলি , যা তাদের লেআউট পরিবর্তন করতে পারে এবং বিভিন্ন ডিভাইস এবং স্ক্রিন মাপের উপর ভিত্তি করে সাইজ করা যায়, আজকের সেরা অনুশীলনের মান।