Bài 9: Các thẻ định dạng văn bản trong HTML
Các thẻ định dạng văn bản trong HTML
Ví dụ về định dạng văn bản:
Đây là văn bản được in đậm
Đây là văn bản được in nghiêng
Đây là chữ viết lên trên
Các thẻ định dạng của HTML
Trong bài học trước, bạn đã được học về một số style trong HTML, sử dụng thuộc tính style trong HTML.
HTML cũng định nghĩa các thẻ đặc biệt để định dạng văn bản nhằm nhấn mạnh ý nghĩa nào đó.
HTML sử dụng các phần tử như <b>và <i> để định dạng văn bản thành chữ in đậm và chữ in nghiêng
Các phần tử định dạng được thiết kế để hiển thị các kiểu text đặc biệt:
- Chữ đậm
- Chữ quan trọng
- Chữ nghiêng
- Chữ nhấn mạnh
- Chữ đánh dấu
- Chữ nhỏ
- Chữ gạch ngang
- Chữ gạch chân dưới
- Chữ viết thấp xuống
- Chữ viết cao lên
Định dạng chữ đậm và chữ quan trọng trong HTML
Thẻ <b> định dạng chữ đậm trong HTML.
Ví dụ
Thẻ <strong> dùng để nhấn mạnh sự quan trọng của một đoạn văn bản, trình duyệt web thể hiện kết quả giống như thẻ <b>, nhưng về mặt ý nghĩa thì khác nhau: thẻ <b> đơn giản là làm đậm phần văn bản, còn thẻ <strong> nhấn mạnh tầm quan trọng (mức ý nghĩa) của văn bản đó.
Định dạng chữ nghiêng và chữ nhấn mạnh trong HTML
Thẻ <i> trong HTML định dạng in nghiêng văn bản.
Thẻ<em> dùng để nhấn mạnh đoạn văn bản. Trình duyệt web hiển thị kết quả giống như thẻ <i>. Nhưng về mặt ngữ nghĩa là khác nhau: thẻ <i> chỉ đơn thuần hiển thị chữ nghiêng, còn thẻ <em> ngoài việc hiển thị chữ nghiêng, nó còn nhấn mạnh ngữ nghĩa của đoạn văn bản mà chúng ta đánh dấu, ví dụ như một chương trình có thể đọc nội dung của một trang, nó đọc đến phần nội dung được đánh dấu bởi thẻ <em> thì nó sẽ nhấn mạnh đoạn đó, còn với thẻ <i> thì không.
Định dạng chữ nhỏ HTML
Thẻ <small> định dạng chữ nhỏ trong văn bản
Định dạng chữ đánh dấu trong HTML
Thẻ <mark> dùng để định dạng đánh dấu hoặc bôi màu văn bản.
Định dạng chữ gạch ngang trong HTML
Thẻ <del> dùng để định dạng chữ gạch ngang trong văn bản.
Định dạng chữ gạch chân dưới trong HTML
Thẻ <ins> trong HTML định dạng chèn thêm văn bản.
Định dạng chữ viết thấp xuống trong HTML
Thẻ <sub> trong HTML định dạng chữ viết thấp xuống so với chữ bình thường trong văn bản.
Định dạng chữ viết cao lên trong HTML
Thẻ <sup> định dạng chữ viết cao lên so với chữ bình thường trong văn bản.
Các thẻ định dạng văn bản trong HTML
Thẻ | Mô tả |
---|---|
<b> | Định nghĩa chữ đậm |
<em> | Định nghĩa chữ nhấn mạnh |
<i> | Định nghĩa chữ nghiêng |
<small> | Định nghĩa chữ nhỏ |
<strong> | Định nghĩa chữ quan trọng |
<sub> | Định nghĩa chữ viết thấp xuống |
<sup> | Định nghĩa chữ viết cao lên |
<ins> | Định nghĩa chữ gạch chân |
<del> | Định nghĩa |
<mark> | Định nghĩa chữ đánh dấu/tô màu |