Em và i trong html

Nếu là một người thường xuyên soạn thảo văn bản cho website, chắc chắn bạn đã quen thuộc với thẻ em trong HTML. Tuy nhiên, liệu bạn đã hiểu rõ về loại thẻ định dạng này, cũng như cách sử dụng chính xác? Hãy cùng giải đáp những thắc mắc trên qua bài viết dưới đây.  

Mục lục

  • 1. Khái niệm thẻ em trong HTML
  • 2. Sự khác biệt giữa thẻ em và thẻ i
  • 3. Khi nào nên sử dụng thẻ em

1. Khái niệm thẻ em trong HTML

Em và i trong html
Khái niệm thẻ em trong HTML?

Là một trong số các công cụ định dạng văn bản, thẻ trong HTML hỗ trợ người dùng xác định một đoạn nội dung nào đó dưới dạng chữ in nghiêng.

2. Sự khác biệt giữa thẻ em và thẻ i

Em và i trong html
Sự khác biệt giữa thẻ em và thẻ i trong HTML

Trong HTML, người sử dụng sẽ được cung cấp sẵn 2 loại thẻ in nghiêng là với hiển thị hoàn toàn giống nhau trên trình duyệt. Dù vậy, về mức độ ưu tiên, thẻ vẫn được nhiều người lựa chọn hơn bởi khả năng nhấn mạnh tầm quan trọng của nội dung, khiến người đọc không thể bỏ qua. 

3. Khi nào nên sử dụng thẻ em

Em và i trong html
Khi nào nên sử dụng thẻ em?

Trước khi quyết định sử dụng bất cứ loại thẻ định dạng nào, người dùng cần cân nhắc kỹ càng về mặt hình thức cũng như ý nghĩa, để tránh gây mất tập trung cho người đọc. Dưới đây là một số trường hợp mà bạn nên gắn thẻ em: 

  • Đưa đường link dẫn từ bên ngoài vào trong văn bản
  • Giới thiệu các tên sản phẩm, địa chỉ, thông tin,… cần lưu ý
  • Chú thích hoặc lời dẫn dưới ảnh (nếu có)

Nhờ vậy, người đọc sẽ biết được những thông tin nào cần lưu ý và tra cứu một cách nhanh chóng hơn. 

Học soạn thảo văn bản chưa bao giờ là một việc đơn giản. Do đó, bạn hãy bắt đầu luyện tập từ những điều nhỏ nhất, như ứng dụng thẻ em trong HTML. Từ đó tạo nên được một nội dung thu hút và hấp dẫn người đọc.

1) Thẻ trong HTML

- Thẻ dùng để xác định một đoạn văn bản được định dạng kiểu chữ in nghiêng.




    

Tài liệu học lập trình web từ cơ bản đến nâng cao

Khi đó, màn hình trình duyệt sẽ hiển thị:

Tài liệu học lập trình web từ cơ bản đến nâng cao

- Lưu ý: Thẻ có chức năng giống với thẻ . Tuy nhiên, về mặt làm SEO website thì thẻ hỗ trợ tốt hơn.

2) Định dạng CSS mặc định

- Hầu hết các trình duyệt sẽ hiển thị phần tử với định dạng CSS như sau:

em { 
    font-style: italic;
}

Trong các bài viết trước Taimienphi.vn đã giới thiệu cho bạn các thuộc tính Style trong HTML, trong bài viết dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn các thẻ định dạng văn bản trong HTML nhé.

HTML bao gồm một số thẻ mà chúng ta có thể sử dụng để định dạng văn bản hiển thị trên các trang web, chẳng hạn như thẻ b để bôi đậm văn bản, thẻ i để định dạng văn bản in nghiêng, thẻ mark để đánh dấu đoạn văn bản, thẻ code để xác định đoạn văn bản mang ý nghĩa là các mã lệnh, thẻ ins để chèn đường gạch chân vào văn bản và thẻ del để xác định phần văn bản bị xóa.

Em và i trong html

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

Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu chi tiết 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ị trên trình duyệt là b, còn thẻ em được hiển thị là i. Tuy nhiên giữa các thẻ này có sự khác nhau.

1. Thẻ b và strong trong HTML

Cả thẻ b và thẻ strong trong HTML đều được sử dụng để hiển thị văn bản dưới dạng chữ bôi đậm. Tuy nhiên thẻ strong để nhấn mạnh nội dung đó là quan trọng, còn thẻ b được sử dụng chỉ để thu hút người đọc.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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

Tương tự, thẻ em và thẻ i đều hiển thị văn bản ở định dạng in nghiêng. Tuy nhiên thẻ em nhấn mạnh nội dung là quan trọng, còn thẻ i được sử dụng để đánh dấu văn bản, để dễ đọc hơn.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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 Taimienphi.vn sẽ minh họa cách sử dụng phần tử small trong HTML:

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

4. Phần tử mark trong HTML

Phần tử mark trong HTML để 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 để tìm hiểu cách sử dụng phần tử mark trong HTML:

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

5.  Phần tử del trong HTML

Phần tử del trong HTML được sử dụng để xác định phần văn bản bị xóa.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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

Phần tử "ins" trong HTML được sử dụng để xác định phần văn bản được chèn, thêm.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

7.  Phần tử sub trong HTML

Phần tử sub trong HTML định dạng văn bản viết thấp xuống so với văn bản bình thường.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

8.  Phần tử sup trong HTML

Phần tử sup trong HTML định dạng văn bản viết cao hơn so với văn bản bình thường.

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

Em và i trong html

Kết quả trả về có dạng như dưới đây:

Em và i trong html

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

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

Em và i trong html

Thẻ Mô tả

b Xác định văn bản được bôi đậm.
em Nhấn mạnh nội dung là 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 Taimienphi.vn vừa giới thiệu cho bạn các thẻ định dạng văn bản trong HTML. Trong bài viết tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn thẻ quote, trích dẫn trong HTML.

https://thuthuat.taimienphi.vn/the-dinh-dang-van-ban-trong-html-49889n.aspx
Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp như Thuộc tính Style trong HTML là gì?, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.