HTML-এ টেবিল নিয়ে কাজ

এখন আমরা HTML-এ টেবিল বানানো শিখব। আমি মনে করি, আপনি সাধারণ জীবনে টেবিল কী তা বুঝতে পারেন - এটি সারি এবং কলামের একটি সংগ্রহ, যার সংযোগস্থলে সেল বা ঘর থাকে।

HTML-এ টেবিল একই রকম নীতি অনুসারে তৈরি করা হয়। সেখানেও কলাম এবং সারি সহ সেল আছে, তবে প্রথম নজরে HTML টেবিলের কোড অস্বাভাবিক মনে হতে পারে: টেবিলগুলি সারি অনুসারে তৈরি করা হয় - প্রথমে প্রথম সারি, তারপর দ্বিতীয় সারি এবং এমনিভাবে চলতে থাকে।

টেবিলের কোডের একটি কঠোর কাঠামো রয়েছে: প্রধান হল table ট্যাগ, যার ভিতরে tr ট্যাগ থাকতে হবে, যা টেবিলের সারি তৈরি করে, এবং তাদের ভিতরে - td ট্যাগ, যা সেল তৈরি করে। table ট্যাগে border অ্যাট্রিবিউট থাকতে পারে, যা টেবিল এবং এর সেলগুলির জন্য সীমানা নির্ধারণ করে।

উদাহরণস্বরূপ, আসুন তিনটি সারি এবং প্রতিটি সারিতে তিনটি সেল সহ একটি টেবিল তৈরি করি:

html<table border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
    <td>cell 3</td>
  </tr>
  <tr>
    <td>cell 4</td>
    <td>cell 5</td>
    <td>cell 6</td>
  </tr>
  <tr>
    <td>cell 7</td>
    <td>cell 8</td>
    <td>cell 9</td>
  </tr>
</table>

Результат: