ব্রাউজার উইন্ডোটির পুরো স্থানটিতে টেবিলটি প্রসারিত করার প্রয়োজন দেখা দেয়, উদাহরণস্বরূপ, যখন পৃষ্ঠা নকশাটি টেবিলের অভ্যন্তরে স্থাপন করা হয়। এই সমস্যার সমাধানের জন্য জটিল কোড লেখার দরকার নেই, তবে এটি ওয়েব পৃষ্ঠাগুলির মার্কআপের কয়েকটি বৈশিষ্ট্য বিবেচনায় নেওয়া জড়িত।
প্রয়োজনীয়
এইচটিএমএল এর প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
প্রথমত, আপনাকে আসন্ন অপারেশনটির অর্থ পরিষ্কার করতে হবে। এইচটিএমএল কোডে, সারণী পৃষ্ঠাগুলি নেস্টেড পেয়ারড ট্যাগগুলির একটি সেট (একটি খোলার এবং একটি সমাপ্তি)। সেল ট্যাগ (
) স্ট্রিং ট্যাগের মধ্যে নেস্ট করা হয় (
) এবং সেগুলি পরিবর্তে সারণী ট্যাগগুলিতে পরিণত হয় (
)। সারণীর খোলার ট্যাগটিতে, আপনি এর প্রস্থ এবং উচ্চতা উভয় পরম ইউনিট (পিক্সেল) এবং আপেক্ষিক (শতাংশ) এ সেট করতে পারেন। আপেক্ষিক আকারের সাথে, টেবিলের মূল উপাদানটির প্রস্থ এবং উচ্চতা 100% হিসাবে নেওয়া হয়। আপনি যদি পৃষ্ঠার প্রধান অংশে কোনও টেবিল স্থাপন করেন (এবং কোনও স্তর, ফর্ম, অন্যান্য টেবিল ইত্যাদিতে নয়) তবে তার মূল উপাদানটির মাত্রাগুলি পৃষ্ঠার প্রস্থ এবং উচ্চতা হবে। এর অর্থ হল যে সমস্ত খালি জায়গায় টেবিলটি প্রসারিত করতে, আপনাকে এর জন্য 100% অনুভূমিক এবং উল্লম্ব মাত্রা নির্দিষ্ট করতে হবে।
ধাপ ২
এখন আপনি এইচটিএমএল এ অনুশীলন করা শুরু করতে পারেন। সারণীর প্রস্থ এবং উচ্চতা প্রস্থ এবং উচ্চতার বৈশিষ্ট্য দ্বারা নির্দিষ্ট করা হয়। সুতরাং সারণী কোডটি সমস্ত দিকের 100% মাত্রা নির্দেশ করে এবং উদাহরণস্বরূপ, এক সারিতে দুটি ঘর সহ, এই জাতীয় চেহারা দেখতে পারে:
| টেবিলের বাম ঘর | টেবিলের ডান ঘর |
ধাপ 3
100% প্রস্থ এবং উচ্চতা নির্দিষ্ট করে টেবিলটি প্রসারিত করার জন্য যথেষ্ট হবে যদি আপনি সঠিক HTML মান চয়ন করেন যার মাধ্যমে ব্রাউজারটির পৃষ্ঠা কোডটি পড়া উচিত। ট্যাগটি নথির একেবারে প্রথম লাইনে রাখা হয়েছে। নিম্নলিখিত লিখিত সামগ্রী সহ আপনার একটি ট্যাগ দরকার:
পদক্ষেপ 4
এবং আপনার কোডে আরও একটি বিষয় বিবেচনা করা উচিত: ডিফল্টরূপে, পৃষ্ঠাটি কয়েকটি পিক্সেল দ্বারা উইন্ডোর প্রান্ত থেকে সূচকযুক্ত হয়, সুতরাং টেবিল এমনকি পুরো পৃষ্ঠাটি পূরণ করার পরেও পুরো উইন্ডোতে প্রসারিত হবে না। এই অপ্রয়োজনীয় ক্ষেত্রগুলি অপসারণ করতে, আপনি পৃষ্ঠার বডি খোলার ট্যাগটিতে সংশ্লিষ্ট বৈশিষ্ট্যগুলিতে শূন্য इंडেন্ট নির্দিষ্ট করতে পারেন:
পদক্ষেপ 5
একত্র হয়ে গেলে, স্ক্রিনের পূর্ণ প্রস্থ এবং উচ্চতায় প্রসারিত টেবিল সহ পুরো পৃষ্ঠা কোডটি এর মতো দেখতে পাবেন:
টানা টেবিল
| টেবিলের বাম ঘর | টেবিলের ডান ঘর |
