Tin học 12 · Kết nối tri thức · Chung, Khoa học máy tính và Tin học ứng dụng

Tin họcLớp 12Phần 4. Chủ đề 4 · Giải quyết vấn đề với sự trợ giúp của máy tính · Chung

Bài 9. Tạo danh sách, bảng

Mục tiêu bài học

Giải thích và vận dụng nội dung tạo danh sách, bảng qua dữ kiện cụ thể.
Tạo hoặc đánh giá sản phẩm, nêu điều kiện đúng và kiểm tra kết quả bằng bằng chứng.

Bài giảng

Hiểu cách hoạt động

ul tạo danh sách không thứ tự, ol tạo danh sách có thứ tự; mỗi mục dùng li. Danh sách con đặt trong mục li tương ứng, không làm các mục mất quan hệ cha–con. Bảng dùng table, mỗi hàng tr, ô tiêu đề th và ô dữ liệu td; caption nêu tên bảng. colspan cho ô trải nhiều cột, rowspan cho nhiều hàng; khi gộp phải tính số vị trí ô toàn hàng để không tạo lưới sai. Dùng bảng cho dữ liệu có quan hệ hàng–cột, không thay bảng bằng khoảng trắng. CSS quyết định viền/khoảng cách, HTML quyết định cấu trúc.

Làm và tự kiểm tra

Mã mẫu tự biên soạn; lưu UTF-8 theo tên tệp trong nhiệm vụ.

<h1>Lịch chăm cây</h1>
<ol><li>Chuẩn bị chậu</li><li>Gieo hạt</li><li>Theo dõi ẩm</li></ol>
<ul><li>Chậu</li><li>Giá thể</li></ul>
<table>
 <caption>Kế hoạch nhóm</caption>
 <tr><th scope="col">Ngày</th><th scope="col">Việc</th></tr>
 <tr><td>Thứ hai</td><td>Gieo hạt</td></tr>
 <tr><td>Thứ sáu</td><td>Đo chiều cao</td></tr>
</table>

Kết quả suy ra từ cấu trúc mã: danh sách ba bước có thứ tự, hai vật tư không thứ tự và bảng 3 hàng ×2 cột (kể cả hàng tiêu đề), không mặc định khẳng định có đường viền nếu chưa định kiểu. Không coi mô tả này là ảnh chụp hay kết quả đã thao tác trên máy người học.

Ghi nhớ

ul tạo danh sách không thứ tự, ol tạo danh sách có thứ tự; mỗi mục dùng li.

Bài tập

Đã đúng 0/6 câu

Câu 1Mức 2Trắc nghiệm 1 đáp án
Danh sách bước thực hiện cần thứ tự dùng gì?
Câu 2Mức 2Trắc nghiệm 1 đáp án
Ô tiêu đề bảng dùng thẻ nào?
Câu 3Mức 2Đúng / Sai
Mỗi tr biểu diễn một cột dọc của bảng.
Câu 4Mức 2Trả lời ngắn
Bảng có 1 hàng tiêu đề và 3 hàng dữ liệu, mỗi hàng 2 ô, không gộp. Có bao nhiêu phần tử ô?
Câu 5Mức 2Ghép nối
Ghép thuộc tính với tác dụng.
Chạm một ý bên trái rồi chạm ý tương ứng bên phải để ghép cặp.
Câu 6Mức 2Trắc nghiệm 1 đáp án
Danh sách con hợp cấu trúc nên nằm ở đâu?
Câu 7Mức 3Tự luận
Tạo phần body cho kế hoạch: ba bước chuẩn bị chậu–gieo hạt–theo dõi ẩm; vật tư chậu/giá thể; bảng hai ngày thứ hai gieo hạt, thứ sáu đo chiều cao có tiêu đề cột.
0 từ
0/10 ảnh
Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.
Vẽ bài làm
Ảnh bài làm
Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay
Câu 8Mức 3Tự luận
Viết hàng tiêu đề “Kết quả” trải hai cột và hàng kế tiếp hai ô “Nhóm A”, “Nhóm B”; giải thích số ô phần tử so với số cột.
0 từ
0/10 ảnh
Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.
Vẽ bài làm
Ảnh bài làm
Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay