হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (এইচটিএমএল) নির্দেশাবলী যা ওয়েব পৃষ্ঠাগুলিতে স্থাপন করা সারণীগুলি তৈরি করে যথেষ্ট পরিমাণে অতিরিক্ত পরামিতি সরবরাহ করে। এটি অন্য ব্লক উপাদানগুলির মত নয়, কেবল সিএসএস ভাষা (ক্যাসকেডিং স্টাইল শীট বা "ক্যাসকেডিং স্টাইল শীট") ব্যবহার করে নয়, নিজে নিজে এইচটিএমএলও ব্যবহার করে মাপ নির্ধারণ করতে অনুমতি দেয়।
নির্দেশনা
ধাপ 1
টেবিলের প্রস্থ পিক্সেলগুলিতে নির্দিষ্ট করতে টেবিল ট্যাগটির প্রস্থের বৈশিষ্ট্যটি ব্যবহার করুন। ট্যাগ (এইচটিএমএল নির্দেশ) সারণিতে একটি খোলার সমন্বয়ে গঠিত (
) অংশগুলি, যার মধ্যে এমন ট্যাগ রয়েছে যা সারণীটির সারি এবং ঘর গঠন করে। অতিরিক্ত পরামিতি (বৈশিষ্ট্য) খোলার ট্যাগে স্থাপন করা যেতে পারে, প্রতিটি নির্দিষ্ট ট্যাগের জন্য তালিকা আন্তর্জাতিক মানের দ্বারা নির্ধারিত হয়। সারণী ট্যাগের জন্য, এই মানগুলি প্রস্থের বৈশিষ্ট্যটি ব্যবহারের অনুমতি দেয়, যা পিক্সেলগুলিতে সারণীর প্রস্থ নির্দিষ্ট করে। এই জাতীয় ট্যাগ সহ একটি সাধারণ টেবিলের এইচটিএমএল কোড 500 পিক্সেলের প্রস্থ নির্ধারণ করতে পারে:
| 1 ম সেল | ২ য় সেল |
ধাপ ২
পিক্সেলের পরিবর্তে যদি আপনাকে টেবিলের প্রস্থ শতাংশ হিসাবে শতাংশ হিসাবে নির্দিষ্ট করতে হয় তবে প্রস্থের বৈশিষ্ট্যের মানটিতে একটি% অক্ষর যুক্ত করুন:
| 1 ম সেল | ২ য় সেল |
দয়া করে নোট করুন যে এই শতাংশগুলি অগত্যা ব্রাউজার উইন্ডোর প্রস্থের উপর ভিত্তি করে করা হবে না। নথির কাঠামোর বিষয়টি এখানে গুরুত্বপূর্ণ - যেমন নেস্টেড নেস্টিং ডল তার বাসাযুক্ত তার চেয়ে বৃহত্তর হতে পারে না, সুতরাং টেবিলের প্রস্থের 100% প্যারেন্ট উপাদানটির প্রস্থের চেয়ে বেশি হতে পারে না। উদাহরণস্বরূপ, যদি টেবিলটি ডিভ ব্লকের ভিতরে থাকে তবে এই ব্লকের প্রস্থটি 100% হিসাবে নেওয়া হবে।
ধাপ 3
আপনি যদি সোর্স কোডের এক জায়গায় ওয়েব পৃষ্ঠায় টেবিলগুলির জন্য একই প্রস্থটি সেট করতে চান তবে শৈলী বর্ণনার ভাষার নির্দেশাবলী ব্যবহার করুন। এটি করার জন্য, এইচটিএমএল কোডের (এবং এর মধ্যে) প্রথম অংশটি খুলুন এবং সমাপনী ট্যাগগুলির মধ্যে সিএসএস ভাষার বিবৃতি সীমাবদ্ধ করে:
/ * সিএসএসের নির্দেশাবলী এখানে থাকবে * /
তারপরে সেই ট্যাগগুলির মধ্যে নিম্নলিখিত সিএসএস রাখুন: টেবিল {প্রস্থ: 100px;} এখানে, টেবিলটি সূচিত করে যে কোঁকড়া ধনুর্বন্ধনীগুলির ভিতরে থাকা বিবরণটি পৃষ্ঠা কোডটিতে প্রদর্শিত সমস্ত টেবিল ট্যাগগুলিতে প্রয়োগ করা উচিত। ভাল, প্রস্থ পরামিতি প্রস্থ সেট করে। এখানেও আপনি আপেক্ষিক প্রস্থটিকে শতাংশ হিসাবে ব্যবহার করতে পারেন।
পদক্ষেপ 4
সিএসএস কোডে এবং এইচটিএমএল টেবিল ট্যাগে শ্রেণীর নাম উল্লেখ করুন যদি আপনাকে সমস্ত টেবিলের জন্য নয়, কেবল একটি বা একাধিক টেবিলের জন্য প্রস্থ নির্দিষ্ট করতে হয়। উদাহরণস্বরূপ, আসুন যে ক্লাসটি সংকীর্ণ টেবিলগুলির একটি দল চিহ্নিত করে তা ক্ষুদ্র। তারপরে এর স্টাইলের বিবরণটি এর মতো দেখতে পাওয়া যাবে: table.tiny {প্রস্থ: 100px;} এবং এইচটিএমএল কোডের একটি সারণীর সাথে সম্পর্কিত ট্যাগটি এর মতো:
| 1 ম সেল | ২ য় সেল |
