Hướng dẫn how do you arrange paragraphs in html? - làm thế nào để bạn sắp xếp các đoạn văn trong html?

Thí dụ

Một đoạn văn được đánh dấu như sau:

Đây là một số văn bản trong một đoạn văn.

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thẻ <p> xác định một đoạn văn.

Các trình duyệt tự động thêm một dòng trống trước và sau mỗi phần tử <p>.

Mẹo: Sử dụng CSS để tạo kiểu. Use CSS to style paragraphs.

Hỗ trợ trình duyệt

Thuộc tính toàn cầu

Thẻ <p> cũng hỗ trợ các thuộc tính toàn cầu trong HTML.

Thuộc tính sự kiện

Thẻ <p> cũng hỗ trợ các thuộc tính sự kiện trong HTML.

Nhiều ví dụ hơn

Thí dụ

Căn chỉnh văn bản trong một đoạn văn (với CSS):

Đây là một số văn bản trong một đoạn văn.

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thẻ <p> xác định một đoạn văn.

Các trình duyệt tự động thêm một dòng trống trước và sau mỗi phần tử <p>.

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.

Hãy tự mình thử »

Thí dụ

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thẻ <p> xác định một đoạn văn.

Các trình duyệt tự động thêm một dòng trống trước và sau mỗi phần tử <p>.

Mẹo: Sử dụng CSS để tạo kiểu.

Thí dụ

Hỗ trợ trình duyệt
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Hãy tự mình thử »

Một đoạn văn luôn bắt đầu trên một dòng mới và thường là một khối văn bản.

Xác định một đoạn văn

Xác định một thay đổi theo chủ đề trong nội dung

Chèn một đường ngắt một dòng

Thí dụ

Xác định văn bản được định dạng sẵn

This is another paragraph.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Phần tử HTML <p>2 xác định văn bản được định dạng sẵn.

Văn bản bên trong phần tử <p>2 được hiển thị trong phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:

& nbsp; Bonnie của tôi nằm trên biển.

Bài tập HTML

Kiểm tra bản thân với các bài tập
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.

Sử dụng thẻ HTML chính xác để thêm một đoạn văn với văn bản "Xin chào thế giới!".
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Phần tử HTML <p>2 xác định văn bản được định dạng sẵn.

Thí dụ

Văn bản bên trong phần tử <p>2 được hiển thị trong phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:

This is some text.

This is heading 2

This is some other text.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Phần tử HTML <p>2 xác định văn bản được định dạng sẵn.

Văn bản bên trong phần tử <p>2 được hiển thị trong phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:

Thẻ <br> là một thẻ trống, có nghĩa là nó không có thẻ cuối.

Vấn đề bài thơ

Bài thơ này sẽ hiển thị trên một dòng duy nhất:

Thí dụ

& nbsp; Bonnie của tôi nằm trên đại dương.
  My Bonnie lies over the ocean.

& nbsp; Bonnie của tôi nằm trên biển.

& nbsp; Bonnie của tôi nằm trên đại dương.

& nbsp; Bonnie của tôi nằm trên biển.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Phần tử HTML <p>2 xác định văn bản được định dạng sẵn.

Thí dụ

& nbsp; Bonnie của tôi nằm trên đại dương.
  My Bonnie lies over the ocean.

& nbsp; Bonnie của tôi nằm trên biển.

& nbsp; Bonnie của tôi nằm trên đại dương.

& nbsp; Bonnie của tôi nằm trên biển.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Exercise:

Phần tử HTML <p>2 xác định văn bản được định dạng sẵn.

Văn bản bên trong phần tử <p>2 được hiển thị trong phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:

& nbsp; Bonnie của tôi nằm trên biển.

Bài tập HTML

Kiểm tra bản thân với các bài tập

Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các phần tử HTML và các thuộc tính của chúng.

Làm thế nào để bạn sắp xếp văn bản trong HTML?