Giáo án tích hợp AI Tin học 12 THUD Bài 7: HTML và cấu trúc trang web
Giáo án điện tử Tin học 12 (Định hướng TH ứng dụng) Bài 7: HTML và cấu trúc trang web. Sách kết nối tri thức mới nhất cho năm học 2026 - 2027. Có tích hợp video AI, điều chỉnh cấu trúc, kiến thức phù hợp với năm học mới để tạo ra một bản powerpoint hoàn thiện và chất lượng. Thầy/cô chỉ cần tải về và giảng dạy. Có thể chỉnh sửa dễ dàng.
=> Giáo án điện tử Tin học 12 TH ứng dụng Kết nối tri thức (Tích hợp video AI)
Các tài liệu bổ trợ
CHỦ ĐỀ 4: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH
BÀI 7: HTML VÀ CẤU TRÚC TRANG WEB
I. NỘI DUNG CHI TIẾT BÀI HỌC
TRANG WEB VÀ HTML
Trang web được tạo ra từ các tệp văn bản gọi là trang nguồn (hay mã nguồn), được hiển thị bởi trình duyệt web.
HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu siêu văn bản, gồm các quy tắc thiết lập cấu trúc và hiển thị nội dung trang web.
THÀNH PHẦN CỦA HTML
Thẻ HTML (tag) là các thành phần tạo nên ngôn ngữ đánh dấu siêu văn bản, thường viết trong cặp dấu < >.
Phần tử HTML (element) là khái niệm cơ bản của trang web, thường được định nghĩa bởi thẻ bắt đầu, thẻ kết thúc và nội dung nằm giữa.
Ví dụ:
<p>Đây là đoạn văn bản.</p>hiển thị một đoạn văn bản trên trình duyệt.
CẤU TRÚC CƠ BẢN CỦA TỆP HTML
Tệp HTML có cấu trúc dạng cây, phần tử
<html>là phần tử gốc (root) chứa tất cả các phần tử khác.Các phần tử chính bao gồm:
<head>: Chứa các thông tin về trang web như tiêu đề<title>và bảng mã<meta>.<body>: Chứa nội dung chính của trang web sẽ hiển thị cho người dùng.
PHẦN MỀM SOẠN THẢO HTML
Có thể soạn thảo bằng trình soạn thảo văn bản đơn giản (Notepad) hoặc phần mềm chuyên nghiệp hỗ trợ hiển thị mã nguồn (Notepad++, Sublime Text) hoặc các trang web hỗ trợ soạn thảo trực tuyến.
II. KIẾN THỨC TRỌNG TÂM
HTML là ngôn ngữ chuẩn dùng để định nghĩa cấu trúc và nội dung của trang web.
Một tệp HTML được cấu tạo từ các thẻ (tags) lồng nhau tạo thành mối quan hệ cha - con.
Các phần tử HTML bao gồm thẻ bắt đầu, nội dung và thẻ kết thúc.
Cấu trúc cây của tệp HTML bắt đầu từ phần tử gốc
<html>, phân nhánh tới<head>và<body>.Trình duyệt web không nhận biết khoảng trắng hoặc phím Enter khi soạn thảo tệp HTML.
III. BỐ CỤC SLIDE PPTX
Slide 1: Tiêu đề chủ đề và bài học
Chủ đề 4: Giải quyết vấn đề với sự trợ giúp của máy tính
Bài 7: HTML và cấu trúc trang web
Slide 2: Khái niệm về trang web và HTML
Trang web và mã nguồn
Định nghĩa ngôn ngữ HTML
Slide 3: Thẻ và phần tử HTML
Cấu trúc thẻ HTML
Khái niệm phần tử HTML (bắt đầu, nội dung, kết thúc)
Slide 4: Cấu trúc cơ bản của tệp HTML
Phần tử gốc
Các phần tử và
Slide 5: Quan hệ cha - con trong tệp HTML
Cấu trúc cây của trang web
Minh họa sự lồng nhau của các phần tử
Slide 6: Phần mềm soạn thảo HTML
Các công cụ phổ biến (Notepad++, Sublime Text)
Sử dụng trình duyệt để kiểm tra kết quả
Slide 7: Tổng kết
HTML là nền tảng của mọi trang web hiện đại
Tầm quan trọng của việc tuân thủ cấu trúc HTML