💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 31 tháng 5 năm 2026

Trải nghiệm: Hãy chạy thử mã | Trải nghiệm Hello World và luồng bài tập

📌

Kết luận

HTML hoạt động chỉ bằng cách "nhấn nút chạy"

Bạn có nghĩ rằng "Lập trình có vẻ khó..." không? Đừng lo lắng. HTML có thể hoạt động mà không cần cài đặt phần mềm đặc biệt, chỉ cần bạn có trình duyệt.

HTML là gì?

HTML là ngôn ngữ để tạo ra "khung xương cho trang web". Tất cả các trang web bạn xem hàng ngày đều được tạo ra với cấu trúc bằng HTML.

Luồng thực hiện (3 bước)

1. Xác nhận mã có trong trình soạn thảo (đã được viết sẵn) 2. Nhấp vào nút "Chạy" (Execute) 3. Nếu "Hello World" hiển thị trong phần xem trước là thành công!

Tại sao lại là "Hello World"?

Trong thế giới lập trình, truyền thống là hiển thị "Hello World" đầu tiên. Bắt đầu từ một cuốn sách giáo khoa ngôn ngữ C xuất bản năm 1978, giờ đây nó đã trở thành một "nghi lễ" mà các lập trình viên trên toàn thế giới thực hiện đầu tiên.

Tổng kết

- HTML hoạt động chỉ với trình duyệt (không cần thiết lập môi trường) - Có thể thấy kết quả chỉ bằng cách "nhấn nút chạy" - Điều quan trọng nhất là hãy thử chạy nó trước tiên

Hãy thử trong phần bài tập

Hãy thử nhấn nút "Chạy" trong trình soạn thảo bên dưới. Nếu "Hello World" hiển thị trong phần xem trước là thành công.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Mã đã được nhập sẵn. Hãy nhấn nút 'Chạy' (Execute) và xác nhận rằng 'Hello World' hiển thị ở phần xem trước. Đây là bài tập để bạn làm quen với luồng học.

Gợi ý khi gặp khó khăn

Không cần thay đổi gì cả, chỉ cần nhấn 'Chạy'.

5pt

Trải nghiệm: Hãy chạy thử mã

Mã đã được nhập sẵn. Hãy nhấn nút 'Chạy' (Execute) và xác nhận rằng 'Hello World' hiển thị ở phần xem trước. Đây là bài tập để bạn làm quen với luồng học.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng

Đi sâu bài tập này

"Trải nghiệm: Hãy chạy thử mã" là bài HTML mức 入門. Mã đã được nhập sẵn. Hãy nhấn nút 'Chạy' (Execute) và xác nhận rằng 'Hello World' hiển thị ở phần xem trước. Đây là bài tập để bạn làm quen với luồng học. Chạy ngay trên trình duyệt với kiểm tra tự động.

Trong các bài tập, khi bạn viết mã vào trình soạn thảo và nhấn 'Chạy', kết quả sẽ hiển thị ngay ở phần xem trước phía dưới. Bạn có thể học ngay trên trình duyệt mà không cần cài đặt gì phức tạp. Mẫu tương tự xuất hiện trong review code và UI thực tế.

Kết hợp với lộ trình environment. Bài #0 củng cố kỹ năng environment.

Quy trình từng bước

  1. Đọc bài giải thích và nắm mục tiêu "Trải nghiệm: Hãy chạy thử mã"
  2. Kiểm tra cột HTML và bắt đầu từ mã mẫu
  3. Mở gợi ý nếu bí, so sánh với lời giải
  4. Bấm Chạy để xem preview/console
  5. Hệ thống kiểm tra có chứa: Hello World, hello world.
  6. Sau khi đúng, làm bài trước/sau trong cùng danh mục

Cách đọc mã giải

Mã giải dùng thẻ: h1. Kiểm tra thẻ đóng và lồng nhau. Giải thích: Trong các bài tập, khi bạn viết mã vào trình soạn thảo và nhấn 'Chạy', kết quả sẽ hiển thị ngay ở phần xem trước phía dưới. Bạn có thể học ngay trên trình duyệt mà không cần cài đặt gì phức tạp. Gợi ý: Không cần thay đổi gì cả, chỉ cần nhấn 'Chạy'.

Ứng dụng thực tế & nghề nghiệp

Đào tạo web/junior frontend thường bắt đầu bằng việc thấy HTML hiển thị trên trình duyệt. Bài này là bước đầu cho portfolio và landing page.

Lỗi thường gặp

  • Bỏ qua gợi ý: Không cần thay đổi gì cả, chỉ cần nhấn 'Chạy'.
  • Dùng < > toàn角 khiến HTML lỗi
  • Xem preview mà không bấm Chạy
  • Nhầm luyện tập trên trình duyệt với file local

Xử lý sự cố

Preview không đổi sau khi chạy
Kiểm tra bạn sửa đúng cột HTML và đã bấm Chạy.
Đúng nhưng không pass
Hệ thống kiểm tra có chứa: Hello World, hello world. Kiểm tra typo và thẻ đóng.
Lỗi trên console
Mở DevTools Console, kiểm tra ngoặc và dấu ngoặc kép.
Khó gõ trên điện thoại
Dùng màn ngang hoặc mở cùng URL trên PC.

Mẹo phỏng vấn & portfolio

  • Giải thích kỹ thuật trong "Trải nghiệm: Hãy chạy thử mã" bằng lời của bạn trong 30 giây
  • Luyện mô tả từng dòng mã giải trên bảng trắng
  • Chuẩn bị một phương án thay thế và lý do chọn cách hiện tại

Thuật ngữ

HTML
Ngôn ngữ đánh dấu cấu trúc trang web.
Trình duyệt
Chrome, Safari… hiển thị HTML.
Xem trước
Kết quả chạy mã trên màn hình.

Từ khóa trên trang này

Trang này là bài tập miễn phí về Trải nghiệm: Hãy chạy thử mã cho từ khóa: Trải nghiệm: Hãy chạy thử mã, environment, 入門, h1, try execution.

Công cụ liên quan

Lộ trình học

Lộ trình học →

Bài tập liên quan

Câu hỏi thường gặp (FAQ)

Trải nghiệm: Hãy chạy thử mã có miễn phí không?

Bài tập này hoàn toàn miễn phí và chạy ngay trên trình duyệt. Không cần đăng ký hay thẻ tín dụng.

Độ khó và thời gian?

"Trải nghiệm: Hãy chạy thử mã" ở mức "入門". Đọc hướng dẫn trước; người mới thường hoàn thành trong 30 phút. Mỗi bài khoảng 5–15 phút. Dùng gợi ý, sau đó xem lời giải nếu bí.

Sau khi đúng làm gì?

Sau khi đúng, dùng liên kết bài tiếp theo. Hoàn thành danh mục rồi sang lộ trình học.

Làm trên điện thoại được không?

Chạy trên trình duyệt di động, nhưng gõ mã trên máy tính tiện hơn.

Bài tập khác ở đâu?

Danh sách bài tập: /vi/learn/ có bộ lọc danh mục.

Điểm cần nhớ trong "Trải nghiệm: Hãy chạy thử mã"?

Trong các bài tập, khi bạn viết mã vào trình soạn thảo và nhấn 'Chạy', kết quả sẽ hiển thị ngay ở phần xem trước phía dưới. Bạn có thể học ngay trên trình duyệt mà không cần cài đặt gì phức tạp. Gợi ý: Không cần thay đổi gì cả, chỉ cần nhấn 'Chạy'.

Vị trí danh mục environment?

Đào tạo web/junior frontend thường bắt đầu bằng việc thấy HTML hiển thị trên trình duyệt. Bài này là bước đầu cho portfolio và landing page.

Các bước cụ thể cho "Trải nghiệm: Hãy chạy thử mã"?

1. Đọc bài giải thích và nắm mục tiêu "Trải nghiệm: Hãy chạy thử mã"
2. Kiểm tra cột HTML và bắt đầu từ mã mẫu
3. Mở gợi ý nếu bí, so sánh với lời giải
4. Bấm Chạy để xem preview/console
5. Hệ thống kiểm tra có chứa: Hello World, hello world.
6. Sau khi đúng, làm bài trước/sau trong cùng danh mục

Cách đọc mã giải?

Mã giải dùng thẻ: h1. Kiểm tra thẻ đóng và lồng nhau.

Giải thích: Trong các bài tập, khi bạn viết mã vào trình soạn thảo và nhấn 'Chạy', kết quả sẽ hiển thị ngay ở phần xem trước phía dưới. Bạn có thể học ngay trên trình duyệt mà không cần cài đặt gì phức tạp.

Gợi ý: Không cần thay đổi gì cả, chỉ cần nhấn 'Chạy'.

Khi gặp sự cố?

Preview không đổi sau khi chạy → Kiểm tra bạn sửa đúng cột HTML và đã bấm Chạy.
Đúng nhưng không pass → Hệ thống kiểm tra có chứa: Hello World, hello world. Kiểm tra typo và thẻ đóng.
Lỗi trên console → Mở DevTools Console, kiểm tra ngoặc và dấu ngoặc kép.
Khó gõ trên điện thoại → Dùng màn ngang hoặc mở cùng URL trên PC.

Liên quan nghề nghiệp?

Giải thích kỹ thuật trong "Trải nghiệm: Hãy chạy thử mã" bằng lời của bạn trong 30 giây Luyện mô tả từng dòng mã giải trên bảng trắng Chuẩn bị một phương án thay thế và lý do chọn cách hiện tại