Cách Định Dạng Văn Bản Trong HTML

Trong HTML, có nhiều thẻ để định dạng văn bản trên trang web. Ví dụ, thẻ b để làm đậm văn bản, thẻ i để làm nghiêng văn bản, thẻ mark để đánh dấu văn bản quan trọng, thẻ code để hiển thị mã lệnh, thẻ ins để chèn gạch chân vào văn bản, và thẻ del để xác định văn bản bị xóa.

Cách Định Dạng Văn Bản Trong HTML

Hãy tham khảo bài viết dưới đây của Mytour để hiểu rõ hơn về các thẻ định dạng văn bản trong HTML.

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

Lưu ý: Mặc định, thẻ strong thường được hiển thị như b trên trình duyệt, trong khi thẻ em được hiển thị như i. Tuy nhiên, có sự khác biệt giữa chúng.

1. Thẻ b và strong trong HTML

Cả thẻ b và thẻ strong trong HTML đều được dùng để làm cho văn bản trở nên đậm. Tuy nhiên, thẻ strong thường được sử dụng để làm nổi bật nội dung quan trọng hơn, trong khi thẻ b thường được sử dụng để thu hút sự chú ý của người đọc.

Ví dụ 1: Dưới đây là một ví dụ minh họa về thẻ b trong HTML:

Kết quả trả về sẽ có dạng như sau:

Ví dụ 2: Dưới đây là một ví dụ minh họa cách sử dụng thẻ strong trong HTML:

Kết quả trả về sẽ có dạng như sau:

2.  Thẻ em và thẻ i trong HTML

Tương tự, cả thẻ em và thẻ i đều dùng để làm cho văn bản in nghiêng. Tuy nhiên, thẻ em thường nhấn mạnh rằng nội dung là quan trọng, trong khi thẻ i thường được sử dụng để làm nổi bật văn bản và làm cho nó dễ đọc hơn.

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

Kết quả trả về sẽ có dạng như sau:

Ví dụ 2: Dưới đây là ví dụ minh họa về cách sử dụng thẻ em trong HTML:

Kết quả trả về sẽ có dạng như sau:

3. Phần tử small trong HTML

Phần tử small trong HTML xác định phần văn bản có kích thước nhỏ hơn.

Ví dụ: Trong ví dụ dưới đây, Mytour sẽ minh họa cách sử dụng phần tử small trong HTML:

Kết quả trả về sẽ có dạng như sau:

4. Phần tử mark trong HTML

Phần tử mark trong HTML giúp xác định văn bản được đánh dấu, làm nổi bật.

Ví dụ: Tham khảo ví dụ dưới đây để hiểu cách sử dụng phần tử mark trong HTML:

Kết quả trả về sẽ có dạng như sau:

5.  Phần tử del trong HTML

Phần tử del trong HTML dùng để đánh dấu phần văn bản bị xóa.

Ví dụ: Dưới đây là ví dụ về cách sử dụng phần tử del trong HTML:

Kết quả trả về sẽ có dạng như sau:

6. Phần tử 'ins' trong HTML

Phần tử 'ins' trong HTML được dùng để xác định phần văn bản được thêm vào.

Ví dụ: Trong ví dụ dưới đây minh họa cách sử dụng phần tử 'ins' trong HTML:

Kết quả trả về sẽ có dạng như sau:

7.  Phần tử sub trong HTML

Thẻ sub trong HTML giúp hiển thị văn bản viết thấp hơn so với bình thường.

Ví dụ: Trong ví dụ dưới đây sẽ minh họa cách sử dụng thẻ sub trong HTML:

Kết quả trả về sẽ có dạng như sau:

8.  Thẻ sup trong HTML

Thẻ sup trong HTML giúp hiển thị văn bản viết cao hơn so với bình thường.

Ví dụ: Trong ví dụ dưới đây sẽ minh họa cách sử dụng thẻ sup trong HTML:

Kết quả trả về sẽ có dạng như sau:

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

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

Mô tả

b - Xác định văn bản được bôi đậm.
em - Nhấn mạnh nội dung quan trọng.
i - Xác định văn bản định dạng in nghiêng.
small - Xác định văn bản được định dạng nhỏ hơn.
strong - Xác định văn bản quan trọng.
sub - Định dạng văn bản viết thấp hơn so với văn bản bình thường.
sup - Định dạng văn bản viết cao hơn so với văn bản bình thường.
ins - Xác định văn bản được chèn.
del - Xác định văn bản bị xóa.
mark - Xác định văn bản được đánh dấu.

Bài viết trên đây giới thiệu các thẻ định dạng văn bản trong HTML. Trong bài viết tiếp theo sẽ giới thiệu thêm về thẻ quote và trích dẫn trong HTML.

Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về Thuộc tính Style trong HTML, hãy để lại ý kiến của bạn trong phần bình luận dưới đây nhé!