Thẻ định dạng văn bản trong HTML

Thẻ p trong HTML được sử dụng để xác định nội dung đoạn văn bản. Hãy theo dõi bài viết sau của Mytour để hiểu rõ hơn về cách sử dụng thẻ định dạng đoạn văn bản trong HTML.

Điều quan trọng là thẻ định dạng văn bản trong HTML không chỉ giúp trang web của bạn trở nên trực quan hơn mà còn tạo ra trải nghiệm đọc tuyệt vời cho người đọc.

Danh sách nội dung

1. Sử dụng thẻ định dạng văn bản trong HTML

2. Cách hiển thị thẻ HTML một cách sáng tạo

3. Vai trò của thẻ đóng trong HTML

4. Thẻ xuống dòng trong HTML

5. Tạo hiệu ứng thú vị khi hiển thị bài thơ trong HTML

6. Sử dụng phần tử pre để định dạng văn bản trong HTML

7. Khám phá các thẻ định dạng đoạn văn bản trong HTML

1. Sử dụng thẻ định dạng văn bản trong HTML

Như đã được đề cập trước đó, thẻ p trong HTML là công cụ quan trọng để định dạng đoạn văn bản. Mọi nội dung nằm trong thẻ p và được đóng bởi thẻ p đều được xem xét là đoạn văn bản.

Mặc dù hầu hết các trình duyệt hiểu định dạng một dòng như là một đoạn văn bản, thậm chí khi không có thẻ đóng, đặc biệt là với thẻ p. Tuy nhiên, để tránh những lỗi không mong muốn, quy ước chung là phải sử dụng thẻ đóng.

Ví dụ: Dưới đây là một ví dụ minh họa về cách sử dụng thẻ định dạng văn bản trong HTML:

Sau khi áp dụng thẻ định dạng p cho đoạn văn bản, kết quả sẽ trở nên như sau:

2. Cách Hiển thị Thẻ HTML

Về cách thức hiển thị các thẻ HTML:

- Trên mọi kích thước màn hình, từ lớn đến nhỏ, và trên các cửa sổ thay đổi kích thước, kết quả hiển thị sẽ thay đổi theo nhiều cách khác nhau.

- Trong HTML, chúng ta không thể thay đổi kết quả đầu ra bằng cách thêm khoảng trắng hoặc dòng mới trong mã HTML.

- Trình duyệt sẽ tự động loại bỏ các khoảng trắng và dòng thừa khi hiển thị trang.

Ví dụ: Dưới đây là một minh họa về cách thẻ HTML được hiển thị.

Kết quả đầu ra sẽ có dạng như sau:

3. Thẻ đóng trong HTML

Mặc dù hầu hết các trình duyệt sẽ hiển thị HTML đúng cách ngay cả khi chúng ta quên sử dụng thẻ đóng.

Tuy nhiên, Mytour khuyến cáo bạn vẫn nên sử dụng thẻ đóng để tránh mọi trường hợp lỗi có thể xảy ra.

Ví dụ: Dưới đây là một ví dụ minh họa.

Dưới đây là kết quả đầu ra:

4. Thẻ ngắt xuống dòng trong HTML

Thẻ br trong HTML thường được sử dụng để tạo ngắt xuống dòng.

Ví dụ: Trong ví dụ dưới đây, thẻ br được sử dụng để ngắt xuống dòng:

Dưới đây là kết quả đầu ra:

Lưu ý: Thẻ br là một thẻ trống, điều này có nghĩa là chúng ta không cần phải đóng thẻ.

5. Hiển thị bài thơ trong HTML

Ví dụ: Trong ví dụ dưới đây, các câu trong bài thơ sẽ được hiển thị trên một dòng duy nhất.

Dưới đây là kết quả đầu ra:

6. Sử dụng phần tử pre trong HTML

Phần tử pre trong HTML là công cụ mạnh mẽ để hiển thị văn bản được định dạng sẵn.

Văn bản bên trong phần tử pre sẽ được hiển thị với font chữ có chiều rộng cố định, giữ nguyên các dấu cách và dấu ngắt dòng.

Ví dụ sau đây minh họa cách sử dụng phần tử pre:

Dưới đây là kết quả đầu ra:

7. Các thẻ định dạng đoạn văn bản trong HTML

Dưới đây là danh sách các thẻ định dạng đoạn văn bản trong HTML:

Phần tử Mô tả

Thẻ p Định nghĩa đoạn văn bản.

Thẻ p Chèn ngắt xuống dòng.

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

Trên đây là bài viết từ Mytour giới thiệu về các thẻ định dạng đoạn văn bản trong HTML. Nếu bạn có bất kỳ thắc mắc hoặc câu hỏi, đừng ngần ngại để lại ý kiến trong phần bình luận dưới bài viết.

Trong các bài viết sắp tới, Mytour sẽ tiếp tục chia sẻ về thuộc tính style trong HTML.