Title GA_TinHoc12_THƯD_KNTT_ CĐ4. bài 9. Tạo danh sách, bảng.docx ✅

1 Ngày soạn:…/…/… Ngày dạy:…/…/… BÀI 9: TẠO DANH SÁCH, BẢNG (2 tiết) I. MỤC TIÊU 1. Kiến thức Sau bài học này, HS sẽ: - Sử dụng thẻ HTML tạo được danh sách, bảng. 2. Năng lực Năng lực chung: - Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,… - Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập. - Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp. Năng lực Tin học: - Hiểu được ý nghĩa của danh sách và bảng trong trình bày văn bản. - Biết cách tạo danh sách và bảng trong trang web. - Biết được cấu trúc các thẻ tạo danh sách và tạo bảng. - Sử dụng được các thẻ tạo danh sách và bảng. - Xác định được kiểu danh sách phù hợp với yêu cầu đề ra. 3. Phẩm chất - Có ý thức chủ động tìm hiểu và cập nhật các kiến thức mới. - Cẩn thận, tỉ mỉ khi viết các mã lệnh HTML.

3 - GV quan sát và hỗ trợ HS khi cần thiết. Bước 3: Báo cáo kết quả hoạt động, thảo luận: - GV mời một số HS trả lời câu hỏi. Gợi ý trả lời: + So sánh Hình 1 và Hình 2:  Hình 1: Trang web gồm các đoạn văn bản viết dàn trải.  Hình 2: Trang web được định dạng có sử dụng danh sách và bảng. + Việc trình bày như Hình 2 giúp văn bản rõ ràng, dễ nhìn và khoa học hơn Hình 1. - HS khác lắng nghe, nhận xét và bổ sung. Bước 4: Đánh giá kết quả thực hiện: GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Khi trang web chỉ toàn các đoạn văn bản, các em có thể sử dụng danh sách hay bảng để trình bày văn bản dễ nhìn và khoa học hơn. Vậy để biết cách sử dụng các thẻ HTML tạo danh sách, bảng, chúng ta sẽ cùng nhau đến với Bài 9: Tạo danh sách, bảng. B. HÌNH THÀNH KIẾN THỨC MỚI Hoạt động 1: Nhận biết phần tử danh sách a) Mục tiêu: HS nhận biết các nội dung cần trình bày dưới dạng danh sách, các kiểu danh sách. b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. TẠO DANH SÁCH, thảo luận nhóm thực hiện nhiệm vụ. c) Sản phẩm: HS biết cách tạo các kiểu danh sách. d) Tổ chức thực hiện: HOẠT ĐỘNG CỦA GV VÀ HS SẢN PHẨM DỰ KIẾN a) Danh sách có hoặc không có thứ tự Bước 1: GV chuyển giao nhiệm vụ: - GV yêu cầu HS hoạt động cá nhân, đọc Hoạt động 1 – Nhận biết phần tử danh sách 1. TẠO DANH SÁCH a) Danh sách có hoặc không có thứ tự - Trong danh sách, các mục được hiển
4 SGK tr.52 và trả lời câu hỏi: Em hãy quan sát Hình 8.3 và nhận xét xem có điểm nào có thể cải tiến về mặt trình bày không. Hình 8.3. - GV chia lớp thành các nhóm 2 – 3 HS để thảo luận và đặt câu hỏi: + Trong danh sách có hoặc không có thứ tự, các mục được hiển thị như thế nào? + Trong HTML5, danh sách có thứ tự được tạo như thế nào? + Trong HTML5, danh sách không có thứ tự được tạo như thế nào? Bước 2: HS thực hiện nhiệm vụ học tập: - HS tìm hiểu nội dung mục 1a SGK tr.52 và thảo luận theo nhóm thực hiện nhiệm vụ. - GV quan sát và trợ giúp HS. Bước 3: Báo cáo kết quả hoạt động, thảo luận: - Đại diện các nhóm HS trả lời. - Các nhóm khác đưa ra ý kiến nhận xét. Hướng dẫn trả lời câu hỏi Hoạt động 1 SGK tr.52: thị tuần tự, kí tự đầu dòng có thể là một số, chữ, dấu, kí hiệu hoặc hình ảnh. - Cấu trúc của đoạn mã HTML tạo danh sách như sau: + Để tạo danh sách có thứ tự, dùng cặp thẻ <ol></ol>. Để chọn kiểu đánh thứ tự và giá trị bắt đầu, dùng thuộc tính type và start (Hình 9.1):  type: xác định kiểu đánh số: "1", "A", "a", "I" và "i".  start: xác định giá trị bắt đầu đánh số, nhận giá trị là các số nguyên. Hình 9.1. Danh sách có thứ tự + Để tạo danh sách không có thứ tự, dùng cặp thẻ <ul></ul>. Để chọn kí tự đầu dòng, ta thiết lập giá trị của đặc tính list-style-type trong thuộc tính style bằng một trong 4 giá trị disc, circle, square và none.