কিভাবে একটি 2x2 টেবিল তৈরি করুন

আপনি সারি এবং কলামের মৌলিক বিষয়গুলি বুঝতে একবার HTML টেবিলগুলি তৈরি করা সহজ - এবং একবার যখন আপনি টেবিলের ব্যবহার করার জন্য সঠিক এবং যখন আপনি তাদের এড়িয়ে চলবেন তখন বুঝতে পারবেন।

টেবিল এবং ওয়েব ডিজাইন সংক্ষিপ্ত ইতিহাস

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

সুতরাং কিভাবে আপনি একটি টেবিলের লেআউট? আসুন একটি সহজ 2x2 টেবিল তৈরি দ্বারা শুরু করা যাক। এর মধ্যে ২ টি কলাম থাকবে (এইগুলি উল্লম্ব ব্লক) এবং ২ টি সারি (অনুভূমিক ব্লক)। আপনি একটি 2x2 টেবিল তৈরি করার পরে, আপনি অতিরিক্ত সারি বা কলাম যোগ করতে চান এমন কোনো আকারের টেবিল তৈরি করতে পারেন।

অসুবিধা: গড়

সময় প্রয়োজন: 10 মিনিট

এখানে কীভাবে?

1. প্রথমে টেবিলটি খুলুন <টেবিল>
2. Tr ট্যাগ এর সাথে প্রথম সারি খুলুন
3. Td ট্যাগ দিয়ে প্রথম কলামটি খুলুন
4. সেল এর বিষয়বস্তু লিখুন
5. প্রথম সেল বন্ধ করুন এবং দ্বিতীয়টি খুলুন
6. দ্বিতীয় কোষের বিষয়বস্তু লিখুন
7. দ্বিতীয় সেল বন্ধ করুন এবং সারিটি বন্ধ করুন
8. দ্বিতীয় সারিটি প্রথম হিসাবে লিখুন
9. তারপর টেবিল বন্ধ করুন

আপনি উপাদান ব্যবহার করে আপনার টেবিলে টেবিল হেডার যোগ করতে পারেন। এই টেবিলের শীর্ষচরণগুলি প্রথম সারণি সারিতে বা "টেবিল ডেটা" টুকরাগুলিকে প্রতিস্থাপন করবে, যেমন:

<টেবিল> নাম ভূমিকা জেরেমি ডিজাইনার < td> জেনিফার বিকাশকারী

যখন এই পৃষ্ঠাটি ব্রাউজারে রেন্ডার করবে, তখন টেবিলের হেডারগুলির সাথে প্রথম সারিটি ডিফল্টভাবে গাঢ় পাঠে প্রদর্শিত হবে এবং তারা টেবিল কক্ষে কেন্দ্রে কেন্দ্রীভূত হবে।

সুতরাং, এইচটিএমএল টেবিলের ব্যবহার কি ঠিক?

হ্যাঁ - যতদিন আপনি তাদের লেআউটের উদ্দেশ্যে ব্যবহার করছেন না। আপনি যদি ট্যাবুলার তথ্য প্রদর্শন করতে চান তবে একটি টেবিল এটি করার উপায়। বস্তুত, এই ভ্রান্তমুক্ত এইচটিএমএল উপাদানটি থেকে কিছু ভুল পথভ্রষ্ট বিশুদ্ধতার কারণে একটি টেবিল এড়ানো, এই দিনে এবং বয়সে লেআউটের কারণে তাদের ব্যবহার করে পিছনে পিছনে।

জেনিফার কিরিন দ্বারা লিখিত 8/11/16 তারিখে জেরেমি গিরিড দ্বারা সম্পাদিত