HTML Table Colspan & Rowspan

এইচটিএমএল টেবিল কলস্প্যান এবং রোজপ্যান

এইচটিএমএল টেবিল কলস্প্যান এবং রোজপ্যান

HTML টেবিলে একাধিক সারি এবং/অথবা কলাম বিস্তৃত সেল থাকতে পারে।

NAME
APRIL
2022
FIESTA

HTML সূচক - কলস্প্যান

একটি সেল স্প্যান একাধিক কলাম করতে, colspan বৈশিষ্ট্য ব্যবহার করুন:

উদাহরণ

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>
Name Age
Jill Smith 43
Eve Jackson 57

📝দ্রষ্টব্য:

কলস্প্যান অ্যাট্রিবিউটের মান স্প্যান করার জন্য কলামের সংখ্যা নির্দেশ করে।

এইচটিএমএল টেবিল - রোজপান

একটি সেল স্প্যান একাধিক সারি করতে, rowspan বৈশিষ্ট্য ব্যবহার করুন:

উদাহরণ

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
  </tr>
</table>
Name Jill
Phone 555-1234
555-8745

📝দ্রষ্টব্য:

রোস্প্যান অ্যাট্রিবিউটের মান স্প্যান করার জন্য সারির সংখ্যা নির্দেশ করে।

অনুশীলন করুন

একটি ঘর কত সারি স্প্যান করা উচিত তা নির্দিষ্ট করার জন্য সঠিক HTML অ্যাট্রিবিউট কী?

span
✗ ভুল! স্প্যান টেবিল সারি স্প্যানিংয়ের জন্য একটি HTML বৈশিষ্ট্য নয়
rowspan
✓ ঠিক আছে! রোস্প্যান অ্যাট্রিবিউট নির্দেশ করে যে একটি কক্ষের কতগুলি সারি স্প্যান করা উচিত
spanning
✗ ভুল! spanning একটি বৈধ HTML বৈশিষ্ট্য নয়