🔹 Phần 1: Giới thiệu HTML
✅ HTML là gì? Tại sao cần học HTML?
✅ Cách hoạt động của trình duyệt & HTML
✅ Cài đặt môi trường lập trình (VS Code, Browser)
✅ Tạo file HTML đầu tiên
🔹 Phần 2: Cấu trúc cơ bản của HTML
✅ Các thẻ HTML cơ bản (<!DOCTYPE html>
, <html>
, <head>
, <body>
)
✅ Cấu trúc một tài liệu HTML chuẩn
✅ Thẻ văn bản: <h1> - <h6>
, <p>
, <span>
, <strong>
, <em>
✅ Thực hành: Tạo trang web giới thiệu bản thân
🔹 Phần 3: Làm việc với danh sách và liên kết
✅ Danh sách: <ul>
, <ol>
, <li>
✅ Liên kết: <a href="">
(Liên kết nội bộ, liên kết ngoài, mở trong tab mới)
✅ Anchor link và điều hướng trong trang
✅ Thực hành: Tạo menu điều hướng
🔹 Phần 4: Hình ảnh, Video, Âm thanh trong HTML
✅ Cách chèn hình ảnh bằng <img>
✅ Chèn video với <video>
và nhúng YouTube
✅ Thêm âm thanh với <audio>
✅ Thực hành: Xây dựng trang web đa phương tiện
🔹 Phần 5: Bảng và Biểu mẫu trong HTML
✅ Tạo bảng với <table>
, <tr>
, <td>
, <th>
, <thead>
, <tbody>
✅ Biểu mẫu nhập liệu với <form>
, <input>
, <select>
, <textarea>
, <button>
✅ Cách gửi dữ liệu từ form đến server
✅ Thực hành: Tạo form đăng ký người dùng
🔹 Phần 6: CSS cơ bản trong HTML
✅ Tổng quan về CSS & cách nhúng CSS vào HTML
✅ Màu sắc, Font chữ, Kích thước, Canh lề trong CSS
✅ Box Model và cách căn chỉnh layout đơn giản
✅ Thực hành: Thiết kế giao diện trang web cá nhân
🔹 Phần 7: HTML5 & Các tính năng mới
✅ Thẻ ngữ nghĩa mới: <header>
, <nav>
, <article>
, <section>
, <footer>
✅ HTML5 Form Validation
✅ Tương tác với JavaScript đơn giản
✅ Thực hành: Tạo trang web cá nhân hoàn chỉnh
🔹 Phần 8: Dự án cuối khóa
✅ Hướng dẫn xây dựng một trang web đơn giản từ A-Z
✅ Review, sửa lỗi, tối ưu trang web
✅ Cách deploy trang web miễn phí lên GitHub Pages hoặc Netlify
🎯 Mục tiêu sau khóa học:
✅ Hiểu rõ và viết được mã HTML chuẩn
✅ Xây dựng trang web tĩnh từ đầu
✅ Biết cách kết hợp CSS để làm đẹp trang web
✅ Tạo portfolio cá nhân để showcase dự án
💡 Phù hợp với:
- Người mới bắt đầu học lập trình
- Những ai muốn tự làm website đơn giản
- Người học thiết kế web muốn hiểu HTML từ gốc