Kênh giáo viên » Giáo án powerpoint Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo

Giáo án điện tử Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Bài giảng điện tử Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo. Giáo án powerpoint Bài F1: HTML và trang web. Giáo án thiết kế theo phong cách hiện đại, nội dung đầy đủ, đẹp mắt, tạo hứng thú học tập cho học sinh. Thầy, cô giáo có thể tham khảo.

Xem: => Giáo án Tin học 12 - Định hướng Tin học ứng dụng chân trời sáng tạo

Click vào ảnh dưới đây để xem 1 phần giáo án rõ nét

Giáo án điện tử Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Hướng dẫn tải giáo án

Các tài liệu bổ trợ khác

Giáo án Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Giáo án điện tử Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Đáp án Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Phiếu trắc nghiệm Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Trắc nghiệm câu trả lời ngắn Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Câu hỏi tự luận Tin học ứng dụng 12 chân trời Bài F1: HTML và trang web

Xem toàn bộ: Giáo án điện tử tin học ứng dụng 12 chân trời sáng tạo

CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

BÀI F1: HTML VÀ TRANG WEB

1. Giới thiệu ngôn ngữ HTML

- Em hãy kể tên một ngôn ngữ đánh dấu dùng để tạo ra trang web và cho biết phiên bản hiện nay của ngôn ngữ này.

- Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau không?

- Cấu trúc cơ bản của một trang web HTML?

- Sự khác biệt giữa HTML và các ngôn ngữ lập trình khác (như JavaScript, PHP)?

2. Cấu trúc, nội dung trang web và các phần tử HTML

- Nêu sự giống và khác nhau giữa thẻ HTML và phần từ HTML.

- Em hãy truy cập trang web https://chantroisangtao.vn, quan sát và nhận xét về bố cục trình bày của trang web này.

- Vẽ sơ đồ cây của đoạn văn bản HTML sau:

- Cây HTML có bao nhiêu phần tử gốc?

- Chọn đáp án đúng cho câu hỏi dưới đây.

Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML nào?

A. <head></head>.

C. <title></title>.

B. <html></html>.

D. <body></body>.

- Ngoài thẻ <meta> và <title>, hãy kể tên vài thẻ khác có thể có trong cặp thẻ <head></head>.

- Chọn một văn bản đơn giản. Soạn thảo tệp HTML để hiển thị nội dung văn bản đó. Vẽ cây thông tin các phần tử HTML của trang web vừa soạn thảo.

3. Vận dụng

Câu 1: Thảo luận với bạn và trình bày những hiểu biết của em về ngôn ngữ HTML.

Câu 2: Em hãy trình bày cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ.

Câu 3: Chọn đáp án đúng cho các câu hỏi dưới đây.

a) Phần tử HTML nào sau đây chỉ có thẻ mở?

A. <h1>.

B. <p>.

C. <hr>.

D. <div>.

b) Phần tử HTML nào sau đây có đủ thẻ mở và thẻ đóng?

A. <img>.

B. <br>.

C. <strong>.

D. <input>.

Câu 4: Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu vài thông tin của bản thân. Trong đó, sử dụng các thẻ <h1> và <p>. Hình 8 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa. sáng tạo

Câu 5: Em hãy sử dụng Visual Studio Code để tạo trang web index.html giới thiệu ngắn về lớp em, trong đó sử dụng những thẻ đã học để định dạng cho phần nội dung văn bản.

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II