Tạo bảng biểu trong HTML

Để tạo bảng biểu trong HTML, chúng ta truy cập link sau https://www.rapidtables.com/web/tools/html-table-generator.html .

Thí dụ:

Để tạo bảng sau, ta sử dụng đoạn code:

Thời khóa biểu

Thứ Hai	Thứ Ba	Thứ Tư	Thứ Năm	Thứ Sáu	Thứ Bảy	Chủ Nhật
Toán	Lý	Hóa	Văn	Anh	Tin học	Nghỉ ngơi
Toán	Lý	Hóa	Văn	Anh	Tin học	Nghỉ ngơi
Toán	Lý	Hóa	Văn	Anh	Tin học	Nghỉ ngơi
Toán	Lý	Hóa	Văn	Anh	Tin học	Nghỉ ngơi

<style>

.demo {

border:1px solid #C0C0C0;

border-collapse:collapse;

padding:5px;

}

.demo th {

border:1px solid #C0C0C0;

padding:5px;

background:#F0F0F0;

}

.demo td {

border:1px solid #C0C0C0;

padding:10px;

}

</style>

<table class="demo">

<caption><span style="font-size: large;">Thời khóa biểu</span></caption>

<thead>

<tr>

<th>Thứ Hai</th>

<th>Thứ Ba</th>

<th>Thứ Tư</th>

<th>Thứ Năm</th>

<th>Thứ Sáu</th>

<th>Thứ Bảy</th>

<th>Chủ Nhật</th>

</tr>

</thead>

<tbody>

<tr>

<td>Toán</td>

<td>Lý</td>

<td>Hóa</td>

<td>Văn</td>

<td>Anh</td>

<td>Tin học</td>

<td>Nghỉ ngơi</td>

</tr>

<tr>

<td>Toán</td>

<td>Lý</td>

<td>Hóa</td>

<td>Văn</td>

<td>Anh</td>

<td>Tin học</td>

<td>Nghỉ ngơi</td>

</tr>

        <tr>

<td>Toán</td>

<td>Lý</td>

<td>Hóa</td>

<td>Văn</td>

<td>Anh</td>

<td>Tin học</td>

<td>Nghỉ ngơi</td>

</tr>

<tr>

<td>Toán</td>

<td>Lý</td>

<td>Hóa</td>

<td>Văn</td>

<td>Anh</td>

<td>Tin học</td>

<td>Nghỉ ngơi</td>

</tr>

</tbody>

</table>