TABLES
প্রতিটি টেবিল সেল <td>, </td>
ট্যাগ দ্বারা সংজ্ঞায়িত করা হয় এবং প্রতিটি টেবিল সারি একটি <tr>
দিয়ে শুরু হয় এবং একটি </tr>
ট্যাগ দিয়ে শেষ হয়।
Border তৈরি করার জন্য border="value"
এবং cell এর প্রস্থ বৃদ্ধির জন্য style=" width: value"
টেবিল তৈরি পদ্ধতি -
<table border="5px" style="width:100%">
<tr>
<th>example</th>
<th>example</th>
<th>th>example</th>
</tr>
<tr>
<td>th>example</td>
<td>example</td>
<td>example</td>
</tr>
</table>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
Variants
<!-- On tables -->
<table class="table-primary">...</table>
<table class="table-secondary">...</table>
<table class="table-success">...</table>
<table class="table-danger">...</table>
<table class="table-warning">...</table>
<table class="table-info">...</table>
<table class="table-light">...</table>
<table class="table-dark">...</table>
<!-- On rows -->
<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>
<!-- On cells (`td` or `th`) -->
<tr>
<td class="table-primary">...</td>
<td class="table-secondary">...</td>
<td class="table-success">...</td>
<td class="table-danger">...</td>
<td class="table-warning">...</td>
<td class="table-info">...</td>
<td class="table-light">...</td>
<td class="table-dark">...</td>
</tr>
Striped rows
<table class="table table-striped">
...
</table>
unorder list 2
<ul>
<li>example1</li>
<li>example2</li>
<li>example3</li>
<li>example4</li>
</ul>
order list
<ol>
<li>example1</li>
<li>example2</li>
<li>example3</li>
<li>example4</li>
</ol>