Nội dung bài viết

    Xem thêm

    Giáo án điện tử Tin học 12 (Chân trời sáng tạo): Bài F2: Tạo và định dạng trang web với các thẻ HTML

    Với Giáo án PPT Bài F2: Tạo và định dạng trang web với các thẻ HTML Tin học 12 sách Chân trời sáng tạo sẽ giúp thầy cô dễ dàng biên soạn và giảng dạy bằng giáo án điện tử hay POWERPOINT Tin học 12.

    Chỉ từ 250k mua trọn bộ Giáo án Tin học 12 Chân trời sáng tạo bản PPT trình bày khoa học, đẹp mắt:

    Xem thử tài liệu tại đây: Link tài liệu

    Các bước mua tài liệu:

    1 217 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Giáo án điện tử Tin học 12 Chân trời sáng tạo Bài F2: Tạo và định dạng trang web với các thẻ HTML

    Nội dung đang được cập nhật ...

    ................................

    ................................

    ................................

    Giáo án Tin học 12 (Chân trời sáng tạo): Bài F2: Tạo và định dạng trang web với các thẻ HTML

    I. MỤC TIÊU

    1. Kiến thức

    Sau bài học này, HS sẽ:

    - Sử dụng được các thẻ HTML để trình bày trang web.

    - Định dạng văn bản, phông chữ, tạo liên kết, danh sách.

    2. Năng lực

    Năng lực chung:

    - Tự chủ và tự học: Tự lực (Chủ động, tích cực thực hiện công việc của bản thân).

    - Giao tiếp và hợp tác: Xác định trách nhiệm và hoạt động của bản thân (Phân tích được các công việc cần thực hiện để hoàn thành nhiệm vụ của nhóm trong các hoạt động nhóm).

    - Giải quyết vấn đề và sáng tạo: Hình thành và triển khai ý tưởng mới (Nêu được nhiều ý tưởng mới trong học tập, suy nghĩ không theo lối mòn, tạo ra yếu tố mới dựa trên những ý tưởng khác nhau).

    Năng lực Tin học:

    - NLc (Giải quyết vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông): Trình bày trang web bằng thẻ HTML và định dạng văn bản, phông chữ, tạo liên kết, danh sách.

    3. Phẩm chất

    - Chăm chỉ: Tích cực tìm tòi và sáng tạo trong việc học tập.

    - Trách nhiệm: Tích cực, tự giác và nghiêm túc rèn luyện sử dụng thành thạo các mã lệnh.

    II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU

    1. Đối với giáo viên

    - SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, bài trình chiếu (Slide), máy chiếu, phiếu học tập.

    - Máy tính có cài sẵn phần mềm Visual Studio Code và có kết nối Internet, các tệp HTML dùng trong hoạt động Thực hành.

    2. Đối với học sinh

    - SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, vở ghi.

    III. TIẾN TRÌNH DẠY HỌC

    A. HOẠT ĐỘNG KHỞI ĐỘNG

    a) Mục tiêu: Tạo động lực để HS muốn tìm hiểu về các thẻ HTML để trình bày và định dạng văn bản.

    b) Nội dung: HS nghiên cứu nội dung hoạt động Khởi động SGK trang 106, suy nghĩ trả lời câu hỏi theo kiến thức của mình.

    c) Sản phẩm: Từ yêu cầu, HS vận dụng sự hiểu biết để trả lời câu hỏi Khởi động SGK trang 106.

    d) Tổ chức thực hiện:

    Bước 1: GV chuyển giao nhiệm vụ:

    - GV yêu cầu HS hoạt động cá nhân, suy nghĩ trả lời câu hỏi Khởi động tr.106 SGK: Trong Hình 1, mỗi dòng trên trang web được định nghĩa bằng thẻ nào trong số các thẻ sau: <h1>, <h2>, <p>, <hr>?

    Giáo án điện tử Tin học 12 (Chân trời sáng tạo): Bài F2: Tạo và định dạng trang web với các thẻ HTML (ảnh 1)

    Hình 1. Kết xuất trang web khi sử dụng các thẻ <h1>, <h2>, <p>, <hr>

    Bước 2: HS thực hiện nhiệm vụ học tập:

    - HS quan sát hình ảnh, vận dụng sự hiểu biết để trả lời câu hỏi.

    - 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 xung phong trả lời câu hỏi Khởi động tr.106 SGK.

    Gợi ý trả lời:

    + Dòng “Danh sách tài liệu tham khảo” được tạo bằng thẻ <h1>.

    + Dòng “Tài liệu thiết kế trang web”, “Tài liệu tin học văn phòng” được tạo bằng thẻ <h2>.

    + Hai đường ngăn cách nằm ngang được tạo bằng thẻ <hr>.

    + Các dòng còn lại được tạo bằng thẻ <p>.

    - 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: Trong ví dụ ở phần Khởi động, dòng “Danh sách tài liệu tham khảo” được tô màu đỏ. Điều này là do sử dụng thêm thẻ HTML để định dạng màu sắc cho dòng chữ đó. Vậy để giúp các em tìm hiểu các thẻ định dạng được nội dung trên trang web tương tự như vậy, chúng ta sẽ cùng nhau đến với Bài F2: Tạo và định dạng trang web với các thẻ HTML.

    B. HÌNH THÀNH KIẾN THỨC MỚI

    Hoạt động 1: Các thẻ định dạng cơ bản

    a) Mục tiêu:

    - Trình bày trang web đúng cấu trúc theo ngôn ngữ HTML.

    - Sử dụng được các thẻ HTML cơ bản để trình bày trang web như thẻ: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

    - Sử dụng được thẻ <font> và các thuộc tính đi kèm để định dạng kích thước, màu sắc và kiểu chữ.

    - Sử dụng các thẻ định dạng văn bản như <strong>, <b>, <em>, <i>, <u>, <br>,...

    b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Các thẻ định dạng cơ bản để thực hiện nhiệm vụ.

    c) Sản phẩm: HS biết cách sử dụng các thẻ định dạng cơ bản.

    d) Tổ chức thực hiện:

    HOẠT ĐỘNG CỦA GV VÀ HS

    SẢN PHẨM DỰ KIẾN

    a) Định dạng đề mục

    Bước 1: GV chuyển giao nhiệm vụ:

    - GV yêu cầu HS hoạt động cá nhân và trả lời các câu hỏi:

    + HTML sử dụng thẻ nào để định dạng đề mục?

    + Các cấp độ đề mục được phân biệt 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.106 và 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:

    - HS trả lời câu hỏi và nhận xét lẫn nhau.

    Bước 4: Đánh giá kết quả thực hiện:

    - GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

    1. Các thẻ định dạng cơ bản

    a) Định dạng đề mục

    - HTML sử dụng các thẻ <h1>, <h2>, <h3>, <h4>, <h5> và <h6> để định nghĩa các đề mục của trang web theo từng cấp độ, trong đó:

    + <h1> là đề mục cấp cao nhất.

    + <h6> là đề mục cấp thấp nhất.

    + Đề mục cấp cao hơn sẽ có kích thước chữ lớn hơn.

    Ví dụ 1: Đoạn mã HTML sau minh hoạ các thẻ từ <h1> đến <h6>. Kết quả hiển thị như Hình 2.

    ................................

    ................................

    ................................

    Tham khảo các loạt bài Giáo án các môn lớp 12 - Chân trời sáng tạo khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 217 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: