Câu hỏi:
23/07/2024 404Trì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).
Sách mới 2k7: Tổng ôn Toán, Lí, Hóa, Văn, Sử, Địa…. kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 110k).
Quảng cáo
Trả lờ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ả.
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Tạo danh sách không xác định thứ tự.
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 1.
Câu 2:
Tạo danh sách xác định thứ tự.
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 2.
Câu 3:
Danh sách có thứ tự được khai báo như sau:
<ol start = “8”><li>Nội dung thứ nhất</i><li>Nội dung thứ hai </li></ul> Em hãy cho biết số thứ tự của mục “Nội dung thứ hai” khi hiển thị trên màn hình trình duyệt web.
Câu 4:
Khai báo nào sau đây được dùng để xác định thứ tự các mục của danh sách
ở dạng chữ in hoa?
A. <ol type = "1">
B. <ol type = "a">
C. <ol type = "1">
D. <ol type = "A">
Câu 5:
Các thẻ nào sau đây được dùng để tạo bảng?
A. <table>, <tbody>, <trow>
B. <table>, <tbody>, <tcell>
C. <table>, <td>, <tr>
D. <table><tr><tcell>
Câu 6:
Thẻ nào sau đây được dùng để khai báo hàng trong bảng?
A. <td>
B. <th>
C. <tr>
về câu hỏi!