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:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Cánh diều khác
Tài liệu giáo viên