Trình bày nội dung dưới dạng bảng biểu. Yêu cầu: Soạn văn bản HTML để tạo trang web khi hiển thị

Sách bài tập Tin học 12 Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu - Cánh diều

Câu F70 trang 30 SBT Tin học 12: Trình bày nội dung dưới dạng bảng biểu.

Yêu cầu: Soạn văn bản HTML để tạo trang web khi hiển thị trên màn hình trình duyệt web như Hình 3.

(Gợi ý: Sử dụng thuộc tính rowspan và colspan trong khai báo các ô bằng phần tử td ở hàng đầu tiên của bảng).

Trình bày nội dung dưới dạng bảng biểu. Yêu cầu: Soạn văn bản HTML để tạo trang web khi hiển thị

Quảng cáo

Lời giải:

Bước 1. Khai báo cấu trúc trang web.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>F70</title>

</head>

<body>

</body>

</html>

Bước 2. Tạo bảng trong phần nội dung phần tử body. Chú ý: Thiết lập thuộc tính border của bảng để hiện đường viền, khai báo phần tử caption để tạo chú thích, sử dụng rowspan và colspan để trộn hàng, trộn ô (merge cell).

<table border="1">

<caption>Thống kê số lượng học sinh tham gia Hoạt động thể thao của Trường</caption>

<tr>

</tr>

<td rowspan="2”>Nội dung</td> <td colspan=“2”>Khối lớp 10</td> <td colspan="2">Khối lớp 11</td> <td colspan=“2”>Khối lớp 12</td>

<tr>

</tr>

<td>Nam</td>

<td>Nur</td>

<td>Nam</td>

<td>Nu</td>

<td>Nam</td>

<td>Nu</td>

<tr>

<td>Bóng bàn</td>

<td>10</td>

<td>5</td>

<td>15</td>

<id>8</td>

<td>12</td>

<td>9</td>

</tr>

<tr>

<td>Cờ vua</td>

<td>6</td>

<td>7</td>

<td>14</td>

<id>11</td>

<td>13</td>

<td>4</td>

</tr>

<tr>

<td>Chạy cự li ngắn</td>

<td>15</td>

<td>10</td>

<td>12</td>

<td>7</td>

<td>18</td>

<td>9</td>

</tr>

</table>

Bước 3. Chọn File\Save, ghi lưu tệp với tên “F70.html”. Bước 4. Mở tệp bằng trình duyệt web và xem kết quả.

Quảng cáo

Lời giải SBT Tin 12 Bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu hay khác:

Quảng cáo
Quảng cáo

Xem thêm các bài giải sách bài tập Tin học lớp 12 Cánh diều hay, chi tiết khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.


Giải bài tập lớp 12 Cánh diều khác