💡 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

Thêm đoạn văn | Hướng dẫn và bài tập

📌

Kết luận

Có thể tạo đoạn văn bằng <p>Văn bản</p>

Bạn đã viết được tiêu đề, nhưng nội dung chính thì viết như thế nào? — Câu trả lời chính là thẻ <p>.
📝 Mã thực tế tại đây
<h1>Hello World</h1>
<p>Đây là trang web đầu tiên của tôi.</p>

Thẻ p là gì?

<p> là viết tắt của "paragraph" (đoạn văn). Các nội dung văn bản trên trang web về cơ bản sẽ được bao quanh bởi thẻ <p> này. Các bài viết trên blog, tin tức, mô tả sản phẩm... hầu hết các đoạn văn bạn đọc trên Web đều được tạo ra bằng thẻ <p>. Nói cách khác, chỉ cần nhớ hai thẻ <h1><p> là bạn đã có thể tạo ra cấu trúc cơ bản cho một trang web rồi.

Mối quan hệ giữa h1 và p

ThẻVai tròVí dụ so sánh
<h1>Tiêu đềTiêu đề trên tờ báo
<p>Nội dung chínhNội dung bài báo
Hai thẻ này là "khung xương" của trang web. Dùng tiêu đề để tóm tắt nội dung và dùng đoạn văn để giải thích chi tiết. Đây chính là mô hình cơ bản nhất.

Cách viết nhiều đoạn văn

Khi muốn chia thành nhiều đoạn văn, bạn hãy sử dụng nhiều thẻ <p>.
📝 Mã thực tế tại đây
<p>Đây là đoạn văn thứ nhất.</p>
<p>Đây là đoạn văn thứ hai.</p>
Giống như việc bạn nhấn Enter để xuống dòng trong Word, trong HTML hãy bao quanh mỗi đoạn văn bằng thẻ <p> là xong.

Tổng kết

- <p> là thẻ biểu thị một đoạn văn (nội dung chính) - Kết hợp <h1> + <p> để tạo cấu trúc cơ bản cho trang web - Sử dụng nhiều thẻ <p> để phân chia các đoạn văn

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

Hãy thử thêm <p>Đây là trang web đầu tiên của tôi.</p> vào bên dưới tiêu đề nhé.

🧪 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

Hãy thêm một đoạn văn bản 'Đây là trang web đầu tiên của tôi.' bên dưới tiêu đề. Sử dụng thẻ p để bao quanh.

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

Sử dụng thẻ p để tạo đoạn văn. Viết theo dạng <p>Văn bản</p>.

10pt

Thêm đoạn văn

Hãy thêm một đoạn văn bản 'Đây là trang web đầu tiên của tôi.' bên dưới tiêu đề. Sử dụng thẻ p để bao quanh.

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

"Thêm đoạn văn" là bài HTML mức 入門. Hãy thêm một đoạn văn bản 'Đây là trang web đầu tiên của tôi.' bên dưới tiêu đề. Sử dụng thẻ p để bao quanh. Chạy ngay trên trình duyệt với kiểm tra tự động.

Thẻ p đại diện cho một đoạn văn (paragraph). Việc kết hợp tiêu đề và đoạn văn sẽ giúp trang web dễ đọc hơn. 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 #2 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 "Thêm đoạn văn"
  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: はじめてのWebページです, はじめてのwebページです, はじめて.
  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, p. Kiểm tra thẻ đóng và lồng nhau. Giải thích: Thẻ p đại diện cho một đoạn văn (paragraph). Việc kết hợp tiêu đề và đoạn văn sẽ giúp trang web dễ đọc hơn. Gợi ý: Sử dụng thẻ p để tạo đoạn văn. Viết theo dạng <p>Văn bản</p>.

Ứ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 ý: Sử dụng thẻ p để tạo đoạn văn. Viết theo dạng <p>Văn bản</p>.
  • 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: はじめてのWebページです, はじめてのwebページです, はじめて. 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 "Thêm đoạn văn" 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ề Thêm đoạn văn cho từ khóa: Thêm đoạn văn, environment, 入門, h1, p, add paragraph.

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)

Thêm đoạn văn 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?

"Thêm đoạn văn" ở 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 "Thêm đoạn văn"?

Thẻ p đại diện cho một đoạn văn (paragraph). Việc kết hợp tiêu đề và đoạn văn sẽ giúp trang web dễ đọc hơn. Gợi ý: Sử dụng thẻ p để tạo đoạn văn. Viết theo dạng

Văn bản

.

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 "Thêm đoạn văn"?

1. Đọc bài giải thích và nắm mục tiêu "Thêm đoạn văn"
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: はじめてのWebページです, はじめてのwebページです, はじめて.
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, p. Kiểm tra thẻ đóng và lồng nhau.

Giải thích: Thẻ p đại diện cho một đoạn văn (paragraph). Việc kết hợp tiêu đề và đoạn văn sẽ giúp trang web dễ đọc hơn.

Gợi ý: Sử dụng thẻ p để tạo đoạn văn. Viết theo dạng

Văn bản

.

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: はじめてのWebページです, はじめてのwebページです, はじめて. 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 "Thêm đoạn văn" 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