HTML টেবিলের আকার
HTML টেবিলের প্রতিটি কলাম, সারি বা পুরো টেবিলের জন্য বিভিন্ন আকার থাকতে পারে।
| কলাম 1 (40%) | কলাম 2 (30%) | কলাম 3 (30%) |
|---|---|---|
| সারি 1 (100px উচ্চতা) | তথ্য | তথ্য |
| সারি 2 (60px উচ্চতা) | তথ্য | তথ্য |
একটি টেবিল, সারি বা কলামের আকার নির্দিষ্ট করতে প্রস্থ বা উচ্চতা বৈশিষ্ট্য সহ শৈলী বৈশিষ্ট্য ব্যবহার করুন।
HTML টেবিলের প্রস্থ
টেবিলের প্রস্থ সেট করতে, <table> এলিমেন্টে স্টাইল অ্যাট্রিবিউট যোগ করুন:
উদাহরণ
টেবিলের প্রস্থ 100% এ সেট করুন:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>দ্রষ্টব্য:
প্রস্থের আকারের একক হিসাবে শতাংশ ব্যবহার করার অর্থ হল এই উপাদানটি তার মূল উপাদানের সাথে কতটা প্রশস্ত, যেটি এই ক্ষেত্রে <body> উপাদান।
HTML টেবিল কলামের প্রস্থ
একটি নির্দিষ্ট কলামের আকার সেট করতে, <th> বা <td> উপাদানটিতে শৈলী বৈশিষ্ট্য যোগ করুন:
উদাহরণ
প্রথম কলামের প্রস্থ 70% এ সেট করুন:
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>| Firstname (70%) | Lastname | Age |
|---|---|---|
| Jill | Smith | 50 |
HTML টেবিল সারি উচ্চতা
একটি নির্দিষ্ট সারির উচ্চতা সেট করতে, টেবিল সারি উপাদানটিতে শৈলী বৈশিষ্ট্য যোগ করুন:
উদাহরণ
দ্বিতীয় সারির উচ্চতা 200 পিক্সেলে সেট করুন:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>| Firstname | Lastname | Age |
|---|---|---|
| Jill (200px উচ্চতা) |
Smith | 50 |
| Eve | Jackson | 94 |