Menu
CoddyTech
Phổ biếnHành trình

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
  • sparkles iconTrợ giúp lập trình bằng AI
  • hint iconBài học tương tác thực hành
  • volume On iconCó thuyết minh âm thanh cho mọi bài học
  • quiz iconBài trắc nghiệm để kiểm tra kiến thức
  • certificate iconGiấy chứng nhận hoàn thành miễn phí

Đề cương

5 phần6 dự án241 bài học233 thử thách1,192 câu hỏi trắc nghiệm
  1. Bắt đầu phầnBắt đầuMở rộngThu gọnTìm hiểu cấu trúc cốt lõi và cú pháp để tạo trang web từ đầu

    Kiến thức cơ bản về HTML

    5 bài học529

    Văn bản và định dạng

    6 bài học1135

    Làm việc với danh sách

    4 bài học721

    Thẻ công thức nấu ăn

    Dự án4 bài học4

    Thêm nội dung

    5 bài học837

    Bố cục trang

    5 bài học930

    Trang hồ sơ cá nhân

    Dự án5 bài học5

    Biểu mẫu và đầu vào phần 1

    6 bài học936

    Biểu mẫu và đầu vào phần 2

    7 bài học1239

    Bảng

    4 bài học723

    Trang đăng ký sự kiện

    Dự án5 bài học5

    Thử thách cuối

    4 bài học4
  2. Bắt đầu phầnBắt đầuMở rộngThu gọnThêm màu sắc, bố cục và kiểu dáng để trang web trở nên sinh động

    Giới thiệu

    5 bài học540

    Thêm CSS

    4 bài học725

    Bộ chọn cơ bản

    7 bài học1247

    Nền tảng về văn bản

    8 bài học1450

    Màu sắc và hình nền

    5 bài học834

    Thực đơn quán cà phê

    Dự án3 bài học3

    Mô hình hộp phần 1

    6 bài học943

    Mô hình hộp phần 2

    5 bài học833

    Flexbox

    6 bài học943

    Biểu mẫu đăng nhập

    Dự án4 bài học4

    Kỹ thuật bố cục

    7 bài học1151

    Kiến thức cơ bản về thiết kế đáp ứng

    6 bài học1052

    Trang web Tonga

    Dự án6 bài học6

    Thử thách cuối

    4 bài học4
  3. Bắt đầu phầnBắt đầuMở rộngThu gọnNâ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ọc539

    Lớp giả tương tác

    5 bài học431

    Các lớp giả cấu trúc

    5 bài học432

    Dự án menu thả xuống

    4 bài học4

    Hiệu ứng trực quan

    5 bài học536

    Trang đích

    5 bài học5

    Xây dựng giao diện với CSS Grid

    4 bài học426

    Trang web Flavor Fiesta

    4 bài học4
  4. Bắt đầu phầnBắt đầuMở rộngThu gọnKế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ình

    Biến

    5 bài học432

    Chiến lược ưu tiên thiết bị di động

    6 bài học643

    Chủ đề và phong cách trực quan

    5 bài học535

    Thể thao mạo hiểm

    3 bài học3

    Thành phần giao diện người dùng

    6 bài học642

    Các mẫu thiết kế đáp ứng

    6 bài học645

    Thử thách cuối cùng

    4 bài học4
  5. Bắt đầu phầnBắt đầuMở rộngThu gọnTìm hiểu cách sử dụng JavaScript cùng với HTML và CSS

    Tính tương tác/thành phần giao diện

    4 bài học433

    Biểu mẫu và xác thực

    3 bài học324

    Thông báo và phản hồi

    3 bài học327

    Biểu mẫu với thông báo toast

    2 bài học2

    Điều hướng

    3 bài học329

    Chủ đề và cá nhân hóa

    2 bài học217

    Hoạt ảnh và hiệu ứng

    3 bài học327

    Điều hướng động

    3 bài học36

    Thử 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.

Bạn nhận được gì
Mọi thứ bạn sẽ dùng để học lập trình

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.

playground.js
Trình chỉnh sửa code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Đầu vào
"Alex"
Đầu ra
"Hello, Coddy! Alex"

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!

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

Gấp đôi hoặc mất hết

Ngày 5/7

fire Freeze icon

Đó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.

Python
7Streak
250Điểm
5Năng lượng
Biến
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Tiếp tục
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Hành trình
Mục tiêu
Bảng xếp hạng
Hồ sơ
4.9
Ngôi saoNgôi saoNgôi saoNgôi saoNgôi sao
Đánh giá

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!

Giải đấu Challenger
Giải đấu ChallengerTop 7 được thăng hạng
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconVùng thăng hạngleaderboard Arrow Up icon

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.

Giới thiệu về biến
Âm thanh

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.

1xSarah

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.

CoddyGiấy chứng nhận hoàn thành
Chứng nhận rằngNguyễn Văn Anđã hoàn thành xuất sắc
python iconPython cơ bản
Đã xác minh
NgàyTh1 2026
LinkedInThêm vào LinkedIn

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.

Lộ trình học có khóa học này

Khóa học này là một bước trong một lộ trình dài hơn: nhiều khóa học theo thứ tự mà một người hướng dẫn sẽ dạy, mỗi khóa có chứng nhận miễn phí riêng.

Hình minh họa các ngôn ngữ lập trình của Coddy

Học HTML với Coddy

Bắt đầu