# Bài Tập Thực Hành HTML: Xây Dựng Mô Hình Blog ## Mục Tiêu Học Tập Áp dụng kiến thức HTML của bạn bằng cách thiết kế và mã hóa cấu trúc trang chủ blog hoàn chỉnh. Bài tập thực hành này sẽ củng cố các khái niệm HTML ngữ nghĩa, các nguyên tắc tốt nhất về khả năng truy cập, và kỹ năng tổ chức mã chuyên nghiệp mà bạn sẽ sử dụng trong suốt hành trình phát triển web của mình. **Hoàn thành bài tập này, bạn sẽ:** - Thực hành lập kế hoạch bố cục trang web trước khi mã hóa - Áp dụng các phần tử HTML ngữ nghĩa một cách phù hợp - Tạo mã đánh dấu có cấu trúc tốt và dễ truy cập - Phát triển thói quen mã hóa chuyên nghiệp với các bình luận và tổ chức hợp lý ## Yêu Cầu Dự Án ### Phần 1: Lập Kế Hoạch Thiết Kế (Mô Hình Hình Ảnh) **Tạo một mô hình hình ảnh của trang chủ blog của bạn bao gồm:** - Phần đầu trang với tiêu đề trang và điều hướng - Khu vực nội dung chính với ít nhất 2-3 bản xem trước bài viết blog - Thanh bên với thông tin bổ sung (phần giới thiệu, bài viết gần đây, danh mục) - Phần chân trang với thông tin liên hệ hoặc liên kết **Tùy chọn tạo mô hình:** - **Phác thảo bằng tay**: Sử dụng giấy và bút chì, sau đó chụp ảnh hoặc quét thiết kế của bạn - **Công cụ kỹ thuật số**: Figma, Adobe XD, Canva, PowerPoint, hoặc bất kỳ ứng dụng vẽ nào - **Công cụ tạo wireframe**: Balsamiq, MockFlow, hoặc phần mềm wireframe tương tự **Gắn nhãn các phần trong mô hình của bạn** với các phần tử HTML mà bạn dự định sử dụng (ví dụ: "Phần đầu trang - `

`", "Bài viết blog - `

`"). ### Phần 2: Lập Kế Hoạch Phần Tử HTML **Tạo danh sách ánh xạ từng phần trong mô hình của bạn với các phần tử HTML cụ thể:** ``` Example: - Site Header →

- Main Navigation →