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 dấu (Tag): Là thành phần chính tạo nên HTML, nằm trong cặp dấu < >. Mỗi thẻ có tên riêng và phạm vi tác dụng.
- Ví dụ: Thẻ <h1> dùng để tạo tiêu đề, thẻ <p> tạo đoạn văn bản.
Phần tử HTML (Element): Gồm thẻ mở, nội dung và thẻ kết thúc (ví dụ: <p>Nội dung</p>). Một số thẻ đơn chỉ có thẻ mở như <br/>.

2. Cấu trúc cơ bản của tệp HTML

Cấu trúc trang web được thể hiện dưới dạng cây thông tin với quan hệ cha - con.
Thành phần cơ bản bao gồm:
- <!DOCTYPE html>: Khai báo kiểu tệp.
- <html>: Phần tử gốc chứa toàn bộ trang web.
- <head>: Chứa thông tin bổ sung (tiêu đề, mã hóa).
- <body>: Chứa nội dung chính của trang web.

3. Phần mềm soạn thảo HTML

Có thể sử dụng:
- Phần mềm soạn thảo văn bản: Notepad, TextEdit (đơn giản, ít tính năng hỗ trợ).
- Phần mềm soạn thảo chuyên nghiệp: Notepad++, Sublime Text (hỗ trợ hiển thị mã màu, cấu trúc).
- Trang web hỗ trợ soạn thảo trực tuyến: (như w3schools.com) cho phép xem kết quả hiển thị ngay lập tức.

II. KIẾN THỨC TRỌNG TÂM

HTML là ngôn ngữ nền tảng để xây dựng cấu trúc và định dạng nội dung cho các trang web.

Cấu trúc trang web tuân theo quan hệ phân cấp (cây thông tin), trong đó <html> là phần tử gốc.
Các thẻ HTML không phân biệt chữ hoa, chữ thường nhưng quy ước nên viết chữ thường.
Các phần tử HTML có thể lồng nhau, nhưng không được đan chéo.
Trình duyệt web đọc tệp văn bản HTML để hiển thị nội dung theo đúng cấu trúc đã thiết lập.

Có thể dùng nhiều công cụ từ đơn giản (Notepad) đến chuyên dụng (Notepad++, trực tuyến) để tạo mã nguồn HTML.

III. BỐ CỤC SLIDE PPTX

Slide 1: Tiêu đề
- Tiêu đề: BÀI 7: HTML VÀ CẤU TRÚC TRANG WEB
- Nội dung: Họ và tên, Năm học 2026 - 2027.
Slide 2: Tổng quan về HTML
- Tiêu đề: HTML là gì?
- Nội dung: Định nghĩa HTML, vai trò trong việc thiết lập cấu trúc và hiển thị trang web.
Slide 3: Các thành phần HTML
- Tiêu đề: Thẻ và Phần tử HTML
- Nội dung: Khái niệm thẻ (tag), phần tử (element) và ví dụ về thẻ cơ bản (<h1>, <p>).
Slide 4: Cấu trúc trang web
- Tiêu đề: Mô hình cây trong HTML
- Nội dung: Cấu trúc cơ bản của tệp HTML (<html>, <head>, <body>) và quan hệ cha-con.
Slide 5: Công cụ soạn thảo
- Tiêu đề: Soạn thảo mã nguồn HTML
- Nội dung: Giới thiệu Notepad, Notepad++, Sublime Text và các trình soạn thảo trực tuyến.
Slide 6: Tổng kết
- Tiêu đề: Tóm tắt bài học
- Nội dung: Tầm quan trọng của HTML và tư duy cấu trúc cây trong thiết kế trang web.