[HTML/HTML5] Phần 9: Định dạng văn bản HTML

Cập nhật lần cuối: 03/08/2017 lúc 12:30:29

Trong bài trước, bạn đã học về các thuộc tính phong cách HTML. HTML chứa 1 số phần tử có ý nghĩa để định nghĩa văn bản. HTML sử dụng các phần tử như <b> và <i> để định dạng kết quả hiển thị, như in đậm hay in nghiêng văn bản.

Các phần tử định dạng văn bản được liệt kê như sau:

b – In đậm văn bản
strong – In đậm văn bản
i – In nghiêng văn bản
em – In nghiêng văn bản
mark – Đánh dấu văn bản
small – Văn bản nhỏ
del – Văn bản bị gạch
ins – Gạch chân văn bản
sub – Văn bản nhỏ dưới chân
sup – Văn bản nhỏ ở trên đầu

Phần tử b và strong
Cả hai phần tử này đều dùng để in đậm văn bản.

<!DOCTYPE html>
<html>
<body>

<p>Đây là văn bản bình thường. --- dammio.com</p>

<p><b>Đây là văn bản in đậm dùng phần tử b.</b></p>

<p><strong>Đây là văn bản in đậm dùng phần tử strong.</strong></p>

</body>
</html>

Phần tử strong định nghĩa văn bản in đậm, với ý nghĩa strong là mạnh mẽ (dùng trong Semantic Web, làm cho cấu trúc web có ý nghĩa hơn).

Phần tử i và em
Cả hai phần tử này đều dùng để in nghiêng văn bản.

<!DOCTYPE html>
<html>
<body>

<p>Đây là văn bản bình thường. --- dammio.com</p>

<p><i>Đây là văn bản in nghiêng dùng phần tử i.</i></p>

<p><em>Đây là văn bản in nghiêng dùng phần tử em.</em></p>

</body>
</html>

Phần tử em định nghĩa văn bản in nghiêng, với tầm quan trọng ngữ nghĩa.

Liên quan: [HTML/HTML5] Phần 15: Hình ảnh trong HTML

Phần tử small
Phần tử small làm văn bản nhỏ lại.

<h2>Dòng chữ <small>nhỏ lại</small> nè! --- dammio.com</h2>

Phần tử mark
Phần tử này để đánh dấu, tô sáng văn bản.

<h2>Dòng chữ <mark>tô sáng</mark> nè! --- dammio.com</h2>

Phần tử del
Phần tử del định nghĩa văn bản bị gạch bỏ (gạch ngang chữ).

<p>Tôi thích màu <del>tím</del> xanh lá cây. --- dammio.com</p>

Phần tử ins
Phần tử này dùng để gạch chân văn bản hoặc có nghĩa là chèn thêm (insert) văn bản.

<p>Màu tôi thích là màu <ins>xanh</ins> vàng.</p>

Phần tử sub và sup
Hai phần tử này dùng để tạo chữ nhỏ ở dưới chân văn bản hoặc trên đầu văn bản.

<p>Đây là <sub>văn bản nhỏ dưới chân</sub>. --- dammio.com</p>
<p>Đây là <sup>văn bản nhỏ trên đầu</sup>.</p>

Kết luận: Bạn đã học được 1 số phần tử HTML để định nghĩa văn bản rồi nhé, coi như đủ xài. Mời bạn tiếp tục bài tiếp theo để học thêm về HTML.

<< Bài trước

Trang mục lục

Bài tiếp theo >>

Trích dẫn bài viết

APA:
Dammio. (2017). [HTML/HTML5] Phần 9: Định dạng văn bản HTML. https://www.dammio.com/2017/06/27/htmlhtml5-phan-9-dinh-dang-van-ban-html.
BibTeX:
@misc{dammio, author = {Dammio}, title = {[HTML/HTML5] Phần 9: Định dạng văn bản HTML}, year = {2017}, url = {https://www.dammio.com/2017/06/27/htmlhtml5-phan-9-dinh-dang-van-ban-html}, urldate = {2023-11-27} }

Kết nối