💡 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: 2025年3月1日

Thêm đoạn văn

📌

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