আজকে আমরা শিখব টেবিল (Table) ট্যাগ সম্পর্কে। আশা করছি যারা একদম নতুন তাদের জন্য এটা অনেক কাজে লাগবে। যারা নিজেকে অনেক অভিজ্ঞ মনে করেন তাদের এটা না পড়লেও চলবে। কথা না বাড়িয়ে চলেন তবে শুরু করা যাক।
টেবিল (Table):
টেবিল ট্যাগটা এখন আর তেমন বেশি use হয় না।
টেবিল ট্যাগ ব্যাবহার করে একটি ওয়েব পেইজকে খুব সুন্দর করে ভাগ ভাগ করে সাজিয়ে তুলা যায়। একটা ওয়েব পেইজের বিভিন্ন অংশকে আমরা টেবিল আকারে সাজিয়ে বিভিন্ন রকম ডিজাইন করতে পারি। তবে বর্তমানে অনেকেই টেবিল ব্যাবহার না করে div ট্যাগ ব্যাবহার করে। এটা মূলত নির্ভর করে, যে আপনার কাছে ওয়েব পেইজটি করতে বলল উনি কি ভাবে চাইলেন তার উপর। আমি নিজেও টেবিল ট্যাগ ব্যাবহার করি না বললেই চলে।
এখন প্রায় সবাই div ট্যাগ ব্যাবহার করে। এর সম্পর্কে আমরা পরবর্তি টিউনে জানব।
টেবিল ট্যাগের ভীতরে আরও অনেক ট্যাগ ব্যাবহার করা যায়। এইচটিএমএল এর বেসিক লেভেলে এই জায়গাটি একটু কঠিন মনে হতে পারে আপনার কাছে। চিন্তার কোন কারণ নেই।
সবকিছুই বুজতে পারবেন। নিচের দেওয়া কোডটি আপনার ডকুমেন্টের বডিতে লিখে ফেলেন তারপর একটা একটা করে ট্যাগ নিয়ে দেখেন কোনটা কি কাজ করছে।
এখানে table ট্যাগ দ্বারা টেবিলকে নির্দেশ করছে। tr দ্বারা টেবিলের row কে এবং td দ্বারা টেবিলের data নির্দেশ করছে। খেয়াল রাখতে হবে যেন প্রতিটি ট্যাগেরই শুরু ও শেষ ট্যাগ থাকে।
যারা matrix এর অংক করেছেন তারা এই বেপারটি সবছেয়ে ভাল বুজবেন। অনেকটা row এবং column এর মত। মনে করুন আপনি একটি টেবিল তৈরি করবেন যার গঠন হবে ৩*৪ তাহলে এর cell হবে ১২টি। যার মধ্যে চারটি tr এবং তিনটি td ট্যাগ থাকবে। আশাকরি বুজতে পেরেছেন।
নিচের কোডটি দেখলে আরও স্পষ্ট হবে।
আশা করি সবকিছু ঠিকমত বুঝতে পেরেছেন।
মনোযোগ দিয়ে পড়ার জন্য ধন্যবাদ ।
।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।