nhãn. Thẻ đoạn văn là một thẻ rất cơ bản và thường là thẻ đầu tiên bạn cần để xuất bản văn bản của mình trên các trang web. Đây là một ví dụ
This is a paragraph.
This is another paragraph.
Ghi chú. Biểu định kiểu tích hợp sẵn của trình duyệt tự động tạo một số khoảng trống bên trên và bên dưới nội dung của một đoạn văn (được gọi là lề), nhưng bạn có thể ghi đè khoảng trống đó bằng CSS
Đóng một phần tử đoạn văn
Trong HTML 4 và các phiên bản trước đó, chỉ cần bắt đầu một đoạn mới bằng thẻ mở là đủ. Hầu hết các trình duyệt sẽ hiển thị HTML chính xác ngay cả khi bạn quên thẻ kết thúc. Ví dụ
This is a paragraph.
This is another paragraph.
Mã HTML trong ví dụ trên sẽ hoạt động trong hầu hết các trình duyệt web, nhưng đừng dựa vào nó. Quên thẻ kết thúc có thể tạo ra kết quả hoặc lỗi không mong muốn
Ghi chú. Vì mục đích tương thích về phía trước và thực hành viết mã tốt, bạn nên sử dụng cả thẻ mở và thẻ đóng cho các đoạn văn
Tạo ngắt dòng
Thẻ
This is a paragraph.
This is another paragraph.
1 dùng để ngắt dòng trên trang webVì
This is a paragraph.
This is another paragraph.
1 là phần tử rỗng nên không cần thẻThis is a paragraph.
This is another paragraph.
1 tương ứngThis is a paragraph
with line break.
This is
another paragraph
with line breaks.
Ghi chú. Không sử dụng đoạn trống tôi. e
để thêm không gian bổ sung trong các trang web của bạn. Trình duyệt có thể bỏ qua các đoạn trống vì nó là thẻ logic. Thay vào đó, hãy sử dụng thuộc tính CSSThis is a paragraph.
This is another paragraph.
1 để điều chỉnh không gian xung quanh các phần tửTạo quy tắc ngang
Bạn có thể dùng
thẻ để tạo các quy tắc hoặc đường kẻ ngang để phân tách trực quan các phần nội dung trên trang web. Giống nhưThis is a paragraph.
This is another paragraph.
1, thẻThis is a paragraph.
This is another paragraph.
3 cũng là một phần tử rỗng. Đây là một ví dụThis is a paragraph.
This is another paragraph.
Quản lý khoảng trắng
Thông thường, trình duyệt sẽ hiển thị nhiều khoảng trắng được tạo bên trong mã HTML bằng cách nhấn phím dấu cách hoặc phím tab trên bàn phím dưới dạng một khoảng trắng. Nhiều ngắt dòng được tạo bên trong mã HTML bằng cách nhấn phím enter cũng được hiển thị dưới dạng một khoảng trắng
Các đoạn sau đây sẽ được hiển thị trong một dòng mà không có bất kỳ khoảng trống thừa nào
This paragraph contains multiple spaces in the source code.
This paragraph contains multiple tabs and line breaks in the source code.
Chèn
This is a paragraph.
This is another paragraph.
4 để tạo thêm khoảng trắng liên tiếp, trong khi chèn thẻThis is a paragraph.
This is another paragraph.
1 để tạo ngắt dòng trên trang web của bạn, như minh họa trong ví dụ sau________số 8
Xác định văn bản được định dạng sẵn
Đôi khi, sử dụng
This is a paragraph.
This is another paragraph.
4,This is a paragraph.
This is another paragraph.
1, v.v. để quản lý không gian không thuận tiện lắm. Ngoài ra, bạn có thể sử dụngPhần tử HTML
This is a paragraph.
This is another paragraph.
7 tạo ngắt dòng trong văn bản (xuống dòng). Nó rất hữu ích để viết một bài thơ hoặc một địa chỉ, trong đó việc phân chia các dòng là quan trọngThử nó
Như bạn có thể thấy từ ví dụ trên, một phần tử
This is a paragraph.
This is another paragraph.
7 được bao gồm tại mỗi điểm mà chúng tôi muốn ngắt văn bản. Văn bản sauThis is a paragraph.
This is another paragraph.
7 bắt đầu lại ở đầu dòng tiếp theo của khối văn bảnGhi chú. Không sử dụng
This is a paragraph.
This is another paragraph.
7 để tạo lề giữa các đoạn văn;Thuộc tính
Các thuộc tính của phần tử này bao gồm các thuộc tính toàn cục
Thuộc tính không dùng nữa
This is a paragraph
with line break.
This is
another paragraph
with line breaks.
Cho biết vị trí bắt đầu dòng tiếp theo sau dấu ngắt
Tạo kiểu với CSS
Phần tử
This is a paragraph.
This is another paragraph.
7 có một mục đích duy nhất, được xác định rõ — để tạo ngắt dòng trong một khối văn bản. Như vậy, nó không có kích thước hoặc đầu ra trực quan của riêng nó và bạn có thể làm rất ít để tạo kiểu cho nóBạn có thể tự đặt
This is a paragraph
with line break.
This is
another paragraph
with line breaks.
This is a paragraph.
This is another paragraph.
7 để tăng khoảng cách giữa các dòng văn bản trong khối, nhưng đây là một cách làm không tốt — bạn nên sử dụng thuộc tínhThis is a paragraph.
This is another paragraph.
71 được thiết kế cho mục đích đóví dụ
đơn giản là
Trong ví dụ sau, chúng tôi sử dụng các phần tử
This is a paragraph.
This is another paragraph.
7 để tạo ngắt dòng giữa các dòng khác nhau của địa chỉ bưu điệnThis is a paragraph.
This is another paragraph.
0Kết quả trông giống như vậy
Mối quan tâm về khả năng tiếp cận
Tạo các đoạn văn bản riêng biệt bằng cách sử dụng
This is a paragraph.
This is another paragraph.
7 không chỉ là một cách làm tồi mà còn là vấn đề đối với những người điều hướng với sự trợ giúp của công nghệ đọc màn hình. Trình đọc màn hình có thể thông báo về sự hiện diện của phần tử, nhưng không phải bất kỳ nội dung nào có trongThis is a paragraph.
This is another paragraph.
7s. Đây có thể là một trải nghiệm khó hiểu và bực bội đối với người sử dụng trình đọc màn hìnhSử dụng các phần tử
This is a paragraph
with line break.
This is
another paragraph
with line breaks.
This is a paragraph
with line break.
This is
another paragraph
with line breaks.
Tóm tắt kỹ thuật
Thể loại nội dung Nội dung dòng chảy, nội dung cụm từ. Nội dung được phép Không có; . Bỏ qua thẻ Phải có thẻ bắt đầu và không được có thẻ kết thúc. Trong tài liệu XHTML, hãy viết phần tử này là
This is a paragraph.
This is another paragraph.
77. Cha mẹ được phépBất kỳ phần tử nào chấp nhận nội dung cụm từ. Vai trò ARIA ngầm định Không có vai trò tương ứng Vai trò ARIA được phépThis is a paragraph.
This is another paragraph.
78,This is a paragraph.
This is another paragraph.
79Giao diện DOMThis is a paragraph.
This is another paragraph.
70