ĐỊNH DẠNG VĂN BẢN TRONG HTML
❶ HTML chứa một số yếu tố để xác định văn bản có ý nghĩa đặc biệt
💐 Văn bản này được in đậm
💐 Văn bản này in nghiêng
💐 Đây là chỉ số dưới và chỉ số trên
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p><b> văn bản này được in đậm </b></p>
<p><i> văn bản này in nghiêng </i></p>
<p> đây là <sub> chỉ số dưới </sub> và <sup> chỉ số trên </sup></p>
</body>
</html>
❷ Các thành phần định dạng HTML
Các phần tử định dạng được thiết kế để hiển thị các loại văn bản đặc biệt như:
💐 <b> chữ in đậm
💐 <strong> văn bản quan trọng
💐 <i> văn bản in nghiêng
💐 <em> đoạn văn bản được nhấn mạnh
💐 <mark> văn bản được đánh dấu
💐 <small> văn bản nhỏ hơn
💐 <del> văn bản đã xóa
💐 <ins> đã chèn văn bản
💐 <sub> văn bản chỉ số
💐 <sup> văn bản siêu cấp
❸ HTML <b> và <strong> phần tử
Phần tử HTML <b> xác định văn bản in đậm.
<b> chữ đậm </b>
Phần tử HTML <strong> xác định văn bản có tầm quan trọng cao. Nội dung bên trong thường được in đậm.
<strong> văn bản này là quan trọng! </strong>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> văn bản bình thường </p>
<p><strong> văn bản quan trọng! </strong></p>
</body>
</html>
❹ Phần tử <i> và <em> HTML
Phần tử HTML <i> xác định nội dung hiển thị bằng chữ nghiêng.
Lưu ý
Thẻ <i> thường được sử dụng để chỉ ra một thuật ngữ, một cụm từ, một ý nghĩ, ...
<em> văn bản được nhấn mạnh </em>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> văn bản bình thường. </p>
<p><em> văn bản được nhấn mạnh. </em></p>
</body>
</html>
❺ Phần tử HTML <small>
Phần tử HTML <small> xác định văn bản nhỏ hơn
<small> đây là một số văn bản nhỏ hơn. </small>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> đây là văn bản bình thường. </p>
<p><small> đây là văn bản nhỏ hơn. </small></p>
</body>
</html>
❻ Phần tử <mark> HTML
Phần tử HTML <mark> xác định văn bản cần được đánh dấu.
<p> hôm nay đừng quên <mark> mua </mark> sữa nhé! </p>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> hôm nay <mark> đừng quên mua </mark> đường nhé! </p>
</body>
</html>
❼ Phần tử <del> HTML
Phần tử HTML <del> xác định văn bản đã bị xóa khỏi tài liệu. Các trình duyệt thường sẽ gạch một dòng qua văn bản đã xóa:
<p> màu tôi thích là <del> màu xanh </del> màu đỏ </p>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> màu yêu thích của tôi là <del> màu xanh </del> màu đỏ. </p>
</body>
</html>
❽ Phần tử <ins> HTML
Phần tử HTML <ins> xác định văn bản đã được chèn vào tài liệu. Trình duyệt thường sẽ gạch dưới văn bản được chèn.
<p> màu yêu thích của tôi là <del> màu xanh </del> <ins> màu đỏ </ins> . </p>
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> màu yêu thích của tôi là <del> màu xanh </del> <ins> màu đỏ </ins>.</p>
</body>
</html>
❾ Phần tử <sub> HTML
Phần tử HTML <sub> xác định đưa văn bản xuống dưới và giảm kích thước chữ.
<p> đây là <sub> chữ xuống dưới nhỏ hơn </sub> văn bản </p>
Kiểu như H2O
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p> H <sub> 2 </sub> O </p>
</body>
</html>
❿ Phần tử <sup> HTML
Phần tử HTML <sup> xác định chữ trong văn bản đưa lên trên và giảm kích thước.
<p> đây là <sup> văn bản </sup> được chỉ định. </p>
Kiểu như 2oC
<!DOCTYPE html>
<html>
<body>
<p> 2 <sup> o </sup> C </p>
</body>
</html>
