Dòng riêng biệt trong HTML

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 web

Vì

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 ứng

This 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 CSS

This 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ụng

Đây là những thẻ được sử dụng để chia trang của bạn thành các phần. Việc sử dụng hiệu quả các thẻ này có nghĩa là trang có cấu trúc và bố cục tốt, giúp trang trở nên thân thiện và dễ đọc hơn với người dùng

Bộ phận -

This is a paragraph.
This is another paragraph.

7Thẻ

This is a paragraph.
This is another paragraph.

8 xác định một phần hoặc bộ phận trong tệp HTML. Nó thường chứa các tiêu đề, đoạn văn, bảng hoặc các thành phần khác cần được nhóm lại với nhau. Thường được sử dụng với css bằng cách đặt

thuộc tính để đặt giao diện của một phần trên trang web của bạn

Đoạn văn -

This is a paragraph.
This is another paragraph.

7 Được sử dụng để xác định các đoạn văn bản, giống như bạn thấy trong một cuốn sách. Rất nhiều văn bản có thể xuất hiện trong

và

các thẻ và trình duyệt sẽ tự động ngắt dòng văn bản ở dòng tiếp theo khi nó chạm đến mép màn hình. khi khác

được dùng để bắt đầu đoạn tiếp theo, trình duyệt sẽ thêm khoảng trống giữa các đoạn. Nó có các thuộc tính sau

This is a paragraph 
 with line break.
This is 
another paragraph 
 with line breaks.

0 - Căn chỉnh văn bản trong đoạn văn.

This is a paragraph 
 with line break.
This is 
another paragraph 
 with line breaks.

1,

This is a paragraph 
 with line break.
This is 
another paragraph 
 with line breaks.

2 hoặc

This is a paragraph 
 with line break.
This is 
another paragraph 
 with line breaks.

3 (*)

This is a paragraph 
 with line break.
This is 
another paragraph 
 with line breaks.

4 - Đoạn văn sẽ chiếm một chiều rộng hoặc tỷ lệ phần trăm cố định của trang, mặc định là 100%Span -

This is a paragraph.
This is another paragraph.

7Được sử dụng để nhóm các thành phần nội tuyến lại với nhau, chẳng hạn như một vài từ trong câu, để áp dụng kiểu css . Thẻ

This is a paragraph.



This is another paragraph.

70 có thể được sử dụng trong thẻ

This is a paragraph.
This is another paragraph.

8 và

This is a paragraph.
This is another paragraph.

72 vì nó không tạo ranh giới khối ngang mới. Ngắt dòng -

This is a paragraph.
This is another paragraph.

73Tương đương với một lần xuống dòng, nó được sử dụng để bắt đầu văn bản trên một dòng mới. Nhiều thẻ

This is a paragraph.
This is another paragraph.

73 trong một hàng sẽ tạo ra một không gian lớn theo chiều dọc trên trang web. Đường ngang -

This is a paragraph.
This is another paragraph.

75Quy tắc ngang, thường được gọi là thẻ phân cách dòng HTML, tạo ra một đường ngang thường được sử dụng để phân tách các phần một cách trực quan trên một trang. Nó có các thuộc tính sau.

This is a paragraph.
This is another paragraph.

76 - Đường kẻ sẽ chiếm một chiều rộng cố định hoặc tỷ lệ phần trăm của 100% chiều rộng mặc định.

This is a paragraph.
This is another paragraph.

77 - Màu của đường kẻ (*)

This is a paragraph.
This is another paragraph.

78 - Ngăn giao diện 'khắc' 3D và tạo đường phân cách phẳng, liền nét. No Breaks -

This is a paragraph.
This is another paragraph.

7Nếu vì lý do nào đó bạn muốn văn bản tiếp tục theo một đường thẳng và không bị ngắt ở mép màn hình, bạn có thể sử dụng

This is a paragraph.
This is another paragraph.

80. Ghi chú. điều này sẽ buộc người dùng cuộn sang phải để xem phần còn lại của dòng, được coi là thiết kế xấu

Ví dụ

Dưới đây là ví dụ về một số thẻ được giải thích ở trên

This is a paragraph.
This is another paragraph.

0

Xem bản demo trực tiếp của ví dụ này hoặc mở trong một cửa sổ mới. (Ghi chú. đóng cửa sổ hoặc tab để quay lại hướng dẫn)

(*) Lưu ý quan trọng

Các thẻ được đánh dấu bằng (*) sẽ vẫn hoạt động nhưng đã được thay thế bằng Cascading Style Sheets (CSS), đây hiện là cách được đề xuất để thay đổi phông chữ, màu sắc, khoảng cách, đường viền hoặc căn chỉnh của các phần tử HTML