Học HTML
Khóa học HTML online tương tác và miễn phí. Bạn viết HTML trong mọi bài học, xem trước trang web trực tiếp khi gõ, và nhận giấy chứng nhận miễn phí khi hoàn thành.
284,137+ người học đã tham gia
241 bài học233 thử thách1,192 câu hỏi trắc nghiệm
- Phù hợp cho người mới
Trợ giúp lập trình bằng AI
Bài học tương tác thực hành
Có thuyết minh âm thanh cho mọi bài học
Bài trắc nghiệm để kiểm tra kiến thức
Giấy chứng nhận hoàn thành miễn phí
Đề cương
Phần 1
Kiến thức cơ bản
Bắt đầu phầnBắt đầuTìm hiểu cấu trúc cốt lõi và cú pháp để tạo trang web từ đầuKiến thức cơ bản về HTML
5 bài học529Văn bản và định dạng
6 bài học1135Làm việc với danh sách
4 bài học721Thẻ công thức nấu ăn
Dự án4 bài học4Thêm nội dung
5 bài học837Bố cục trang
5 bài học930Trang hồ sơ cá nhân
Dự án5 bài học5Biểu mẫu và đầu vào phần 1
6 bài học936Biểu mẫu và đầu vào phần 2
7 bài học1239Bảng
4 bài học723Trang đăng ký sự kiện
Dự án5 bài học5Thử thách cuối
4 bài học4Phần 2
Tạo kiểu với CSSTrang riêng
Bắt đầu phầnBắt đầuThêm màu sắc, bố cục và kiểu dáng để trang web trở nên sinh độngGiới thiệu
5 bài học540Thêm CSS
4 bài học725Bộ chọn cơ bản
7 bài học1247Nền tảng về văn bản
8 bài học1450Màu sắc và hình nền
5 bài học834Thực đơn quán cà phê
Dự án3 bài học3Mô hình hộp phần 1
6 bài học943Mô hình hộp phần 2
5 bài học833Flexbox
6 bài học943Biểu mẫu đăng nhập
Dự án4 bài học4Kỹ thuật bố cục
7 bài học1151Kiến thức cơ bản về thiết kế đáp ứng
6 bài học1052Trang web Tonga
Dự án6 bài học6Thử thách cuối
4 bài học4Phần 3
Thành thạo CSSTrang riêng
Bắt đầu phầnBắt đầuNâng cao kỹ năng CSS của bạn lên một tầm cao mới!Làm chủ bộ chọn: Kết hợp
6 bài học539Lớp giả tương tác
5 bài học431Các lớp giả cấu trúc
5 bài học432Dự án menu thả xuống
4 bài học4Hiệu ứng trực quan
5 bài học536Trang đích
5 bài học5Xây dựng giao diện với CSS Grid
4 bài học426Trang web Flavor Fiesta
4 bài học4Thử thách cuối cùng
5 bài học5Phần 4
Thực hành frontend
Bắt đầu phầnBắt đầuKết hợp cấu trúc và kiểu dáng để thiết kế các trang web hoàn chỉnh, thích ứng với nhiều kích thước màn hìnhBiến
5 bài học432Chiến lược ưu tiên thiết bị di động
6 bài học643Chủ đề và phong cách trực quan
5 bài học535Thể thao mạo hiểm
3 bài học3Thành phần giao diện người dùng
6 bài học642Các mẫu thiết kế đáp ứng
6 bài học645Thử thách cuối cùng
4 bài học4Phần 5
JavaScript trong thực tế
Bắt đầu phầnBắt đầuTìm hiểu cách sử dụng JavaScript cùng với HTML và CSSTính tương tác/thành phần giao diện
4 bài học433Biểu mẫu và xác thực
3 bài học324Thông báo và phản hồi
3 bài học327Biểu mẫu với thông báo toast
2 bài học2Điều hướng
3 bài học329Chủ đề và cá nhân hóa
2 bài học217Hoạt ảnh và hiệu ứng
3 bài học327Điều hướng động
3 bài học36Thử thách cuối cùng
4 bài học4
Khóa học HTML
Khóa học HTML thực hành, bắt đầu miễn phí ngay trên trình duyệt.
Dự án HTML/CSS: hoạt ảnh nhật thực
Phổ biếnTrong khóa học này, bạn sẽ tạo một hoạt ảnh "Nhật thực" ấn tượng. Qua đó, bạn sẽ khám phá cách tạo giao diện người dùng hấp dẫn và hữu ích bằng hoạt ảnh.
- 10
- 8
- 1
Sao chép trang Instagram | Dự án front-end
Phổ biếnTrong khóa học này, bạn sẽ luyện tập các cách làm HTML và CSS phổ biến, đơn giản, rồi tạo dự án sao chép một trang Instagram.
- 16
- 14
- 1
Thử thách HTML/CSS, bộ I
Khóa học này giúp bạn thử sức với kiến thức HTML và CSS theo cách vui vẻ và hiệu quả!
- 11
HTML: trang web cơ bản cho người mới bắt đầu
Trong khóa học này, bạn sẽ kiểm tra kiến thức HTML cơ bản và tạo trang web đơn giản của riêng mình với hình ảnh và văn bản. Bạn sẵn sàng chưa?
- 5
- 4
- 1
Dự án thanh điều hướng dưới cùng với HTML/CSS
Trong khóa học này, bạn sẽ tạo một thanh điều hướng dưới cùng đơn giản bằng HTML và tạo kiểu cho thanh này bằng CSS. Bạn sẽ học cách thêm hiệu ứng chuyển động đơn giản bằng bộ chọn (:hover) trong CSS.
- 12
- 11
- 1
Trình phát video YouTube, dự án HTML
Trong dự án này, bạn sẽ tạo một trình phát video YouTube bằng HTML và khám phá nhiều thuộc tính trên hành trình thực hiện.
- 7
- 5
- 1
Học qua thực hành
Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.
Xây dựng streak
Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.
12 ngày streak
Quay lại ngày mai để giữ streak!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gấp đôi hoặc mất hết
Ngày 5/7
Đóng băng streak
2 left
Code ở mọi nơi
Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.
Bạn không đơn độc
Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!
Mọi cách để học
Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.
Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.
Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.
Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.
Nhận chứng nhận
Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.
Vì sao nên học HTML với Coddy
- Viết HTML ngay trên trình duyệt và xem trang web hiển thị song song. Không cần cài trình soạn thảo, không cần thiết lập. Mọi thay đổi bạn làm với code HTML đều hiện ra ngay, nên bạn nhận phản hồi rất nhanh.
- HTML hiện đại và có ngữ nghĩa: tiêu đề, danh sách, liên kết, hình ảnh, bảng, biểu mẫu, và các thẻ ngữ nghĩa như
<header>,<nav>,<main>,<section>,<footer>. Đúng thứ HTML bạn dùng để xây một trang web thật. - Gợi ý AI giúp bạn sửa lỗi HTML như thẻ chưa đóng, cú pháp thuộc tính sai hay sơ suất về khả năng tiếp cận, mà không làm lộ đáp án, để thói quen viết HTML đúng ở lại với bạn.
- Giấy chứng nhận HTML miễn phí khi hoàn thành. Bước đầu tiên đáng tin cậy trên con đường lập trình web, kết hợp tự nhiên với các khóa học CSS và JavaScript.
Câu hỏi thường gặp về học HTML
Học HTML có khó không?
HTML là một trong những thứ dễ học nhất trong ngành công nghệ. Đây là ngôn ngữ đánh dấu, không phải ngôn ngữ lập trình: bạn gắn nhãn cho các phần nội dung (tiêu đề, đoạn văn, liên kết, hình ảnh) thay vì viết logic. Phần lớn người mới dựng được trang web thật đầu tiên ngay trong giờ học đầu.
Học HTML mất bao lâu?
Bạn có thể học các thẻ và thuộc tính HTML cốt lõi trong vài ngày luyện tập tập trung. Để thành thạo HTML ngữ nghĩa, biểu mẫu và khả năng tiếp cận thường mất từ một đến ba tuần. Bước tiếp theo tự nhiên là kết hợp với CSS và JavaScript để xây những trang hoàn chỉnh.
Có nên học HTML trước CSS và JavaScript không?
Có. HTML định nghĩa cấu trúc của trang; CSS quyết định giao diện; JavaScript làm trang trở nên tương tác. Học HTML trước nghĩa là bạn có thứ cụ thể để tạo kiểu và thêm hiệu ứng sau này. Khóa học HTML được làm ngắn có chủ đích để bạn nhanh chóng chuyển sang CSS và JS.
HTML có phải là ngôn ngữ lập trình không?
Nói chính xác thì không. HTML là ngôn ngữ đánh dấu dùng để mô tả cấu trúc của nội dung web. Bản thân nó không có biến, câu lệnh điều kiện hay vòng lặp. Phần lập trình thật sự trên một trang web đến từ JavaScript, được dạy trong một khóa học riêng.
Có thể học HTML online miễn phí không?
Có. Khóa học HTML tương tác hoàn toàn miễn phí: bài học, bài tập code, xem trước HTML trực tiếp và chứng nhận. Mọi thứ chạy trên trình duyệt nên bạn không cần cài trình soạn thảo hay công cụ nào để bắt đầu.
Học xong khóa HTML có được chứng nhận không?
Có. Hoàn thành khóa học HTML, bạn nhận được giấy chứng nhận hoàn thành miễn phí. Một minh chứng có thể xác minh để thêm vào CV hoặc chia sẻ trên LinkedIn, thường là một bước hướng tới portfolio đầy đủ hơn gồm HTML, CSS và JavaScript.