Khi bạn đang xây dựng một trang web, bạn có thể muốn đặc biệt nhấn mạnh vào văn bản nhất định để cho người dùng biết rằng văn bản đó quan trọng. Và bạn có thể làm điều này trong HTML với các thẻ định dạng văn bản khác nhau. Trong bài viết này, tôi sẽ hướng dẫn bạn cách nhấn mạnh văn bản nhất định bằng cách làm cho nó

Bạn đang xem: html cho font chữ đậm

Khi bạn đang xây dựng một trang web , bạn có thể muốn nhấn mạnh đặc biệt vào văn bản nhất định để cho người dùng biết rằng văn bản đó quan trọng.

Và bạn có thể làm điều này trong HTML với các thẻ định dạng văn bản khác nhau.

Trong bài viết này, tôi sẽ hướng dẫn bạn cách nhấn mạnh văn bản nhất định bằng cách tô đậm.

Trong HTML, có ba cách chính mà bạn có thể sử dụng để làm cho văn bản được in đậm. Bạn có thể sử dụng thẻ & lt; b & gt; , thẻ & lt; strong & gt; hoặc bạn có thể thực hiện trong CSS với font-weight tài sản. Hãy xem xét từng phương pháp chi tiết hơn.

Cách tạo chữ in đậm bằng thẻ & lt; b & gt; trong HTML

HTML cung cấp cho chúng ta thẻ & lt; b & gt; để làm cho văn bản được in đậm. Để làm đậm văn bản bằng thẻ này, bạn cần bao quanh văn bản như sau:

  & lt; p & gt; & lt; b & gt; Văn bản này được in đậm & lt; / b & gt ;, nhưng văn bản này thì không. & lt; / p & gt;
 

bold-with-b-tag

Như bạn có thể thấy trong hình ảnh, thẻ làm cho một phần của văn bản trở nên nổi bật.

Cách tạo chữ in đậm bằng thẻ & lt; strong & gt; trong HTML

Với thẻ & lt; strong & gt; , bạn không chỉ làm đậm văn bản – bạn đang thu hút sự chú ý đặc biệt đến nó.

& lt; strong & gt; cũng làm cho văn bản được in đậm giống như thẻ & lt; b & gt; , nhưng có một chút khác biệt giữa hai thẻ. Tôi sẽ thảo luận vấn đề này sau trong bài viết.

Xem Thêm  SQL AUTO INCREMENT a Field - khóa chính tăng tự động

Cũng giống như thẻ & lt; b & gt; , bạn cần bọc thẻ & lt; strong & gt; xung quanh văn bản để làm cho văn bản được in đậm.

  & lt; p & gt;
   Trước khi trả tiền để học lập trình, hãy kiểm tra
   & lt; strong & gt; freeCodeCamp & lt; / strong & gt ;.
& lt; / p & gt;
 

bold-with-strong-tag

Với thẻ & lt; strong & gt; , văn bản freeCodeCamp không chỉ in đậm mà còn có ý nghĩa ngữ nghĩa và sự nhấn mạnh.

Cách tạo chữ in đậm bằng thuộc tính CSS font-weight

Thuộc tính font-weight lấy các giá trị light , bold bolder . Nó cũng có các số từ 100 đến 900. Vì vậy, với nó, bạn không chỉ làm đậm văn bản mà còn có thể làm cho văn bản nhẹ hơn so với văn bản xung quanh.

Để tô đậm một số văn bản bằng thuộc tính font-weight weight, bạn cần chọn văn bản có lớp, id (nếu có) hoặc phần tử của nó rồi áp dụng các giá trị bạn muốn. Đây là cách nó hoạt động:

  & lt; p & gt; Đây là & lt; span class = "light" & gt; text nhẹ hơn & lt; / span & gt;. & lt; / p & gt;

& lt; p & gt; Đây là & lt; span class = "bold" & gt; văn bản in đậm & lt; / span & gt;. & lt; / p & gt;

& lt; p & gt; Đây là & lt; span class = "bolder" & gt; văn bản đậm hơn & lt; / span & gt;. & lt; / p & gt;
 
  .lighter {
    font-weight: nhẹ hơn;
}

.in đậm {
    font-weight: bold;
}

.bolder {
    font-weight: đậm hơn;
}
 

bold-with-fontweight

Bạn có nên sử dụng & lt; b & gt; , & lt; strong & gt; hay font-weight để Làm văn bản in đậm không?

Bạn có thể tự hỏi nên sử dụng cái nào để làm đậm văn bản – & lt; b & gt; , & lt; strong & gt; hoặc CSS font-weight thuộc tính.

Nói chung, bạn nên tránh sử dụng & lt; b & gt; vì nó đã là một kiểu. Khi bạn in đậm văn bản bằng thẻ & lt; b & gt; , bạn đang yêu cầu trình duyệt in đậm văn bản ngay từ HTML.

& lt; strong & gt; cũng làm cho văn bản có vẻ in đậm, nhưng nó mang tính ngữ nghĩa. Với nó, bạn không tạo kiểu từ HTML (mà HTML ban đầu không bao giờ có ý nghĩa), mà là bạn đang yêu cầu trình duyệt làm cho văn bản trông mạnh mẽ hơn so với các văn bản xung quanh khác.

Thuộc tính CSS font-weight cho phép bạn kiểm soát nhiều hơn mức độ đậm hay nhạt của văn bản. Giá trị light , bold bolder là một bước khởi đầu, nhưng bạn có thể tiến thêm một bước nữa bằng cách áp dụng các số / trọng số như 100 < / code> 200 , 300 , 400 , 500 , 600 , 700 , 800 900 dưới dạng các giá trị, cung cấp các biến thể khác nhau về độ đậm và nhạt.

Kết luận

Phông chữ in đậm giúp bạn nhấn mạnh vào các từ nhất định trong HTML. Trong bài viết này, bạn đã biết về 3 cách khác nhau để tô đậm văn bản cũng như cách nào là tốt nhất để sử dụng.

Cảm ơn bạn đã đọc và tiếp tục viết mã.


Xem thêm những thông tin liên quan đến chủ đề html cho phông chữ đậm

How to use external font in HTML

alt

  • Tác giả: Manir
  • Ngày đăng: 2015-07-04
  • Đánh giá: 4 ⭐ ( 5907 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Easy way to add fonts in HTML page.
    Download file: http://rony.jamunait.com/devers/html_tutorial.zip
    mail: psytechbd@gmail.com

Tìm hiểu về các kiểu phông chữ trong CSS

  • Tác giả: giuseart.com
  • Đánh giá: 5 ⭐ ( 6585 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này sẽ giúp các bạn có cái nhìn tổng quát và biết thêm nhiều kiểu phông chữ trong CSS.Thuộc tính phông chữ CSS xác định họ phông chữ, độ đậm,...

Cách tạo chữ đậm trong HTML

  • Tác giả: vi.tarosworld.com
  • Đánh giá: 4 ⭐ ( 3689 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách tạo chữ đậm trong HTML. Tạo văn bản in đậm đơn giản trong HTML và có nhiều thẻ khác nhau mà bạn có thể tìm hiểu để sử dụng để mở rộng các tùy chọn có sẵn. Thậm chí tốt hơn, trong vài phút, bạn có thể tìm hiểu những điều cơ bản của ...

Độ Đậm Nhạt Của Phông Chữ trong CSS

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 3 ⭐ ( 4298 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các sử dụng thuộc tính `font-weight` trong CSS để thiết lập độ đậm nhạt cho phông chữ, đoạn code minh hoạ được áp dụng để hiển thị nội dung của phần tử h1 với phông chữ không in đậm.

Cách Định Dạng Chữ In Đậm Chữ Trong Html Định Dạng Chữ, Html Định Dạng Chữ

  • Tác giả: mercare.com.vn
  • Đánh giá: 4 ⭐ ( 2246 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: NộI Dung: đến , Thực hiện theo các hướng dẫn khi sử dụng chúng: , nhưng đôi khi bạn có thể muốn thay đổi giao diện của một số phần văn bản không nằm trong thẻ

HTML - Tham chiếu Phông chữ

  • Tác giả: isolution.pro
  • Đánh giá: 4 ⭐ ( 8228 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Phông chữ dành riêng cho nền tảng. Bạn sẽ có giao diện khác nhau về một trang web trên các máy khác nhau chạy các hệ điều hành khác nhau như Windows, Linux hoặc Mac iOS. Ở đây chúng tôi đưa ra danh sách các phông chữ có sẵn trong các hệ điều hành khác nhau. Thẻ HTML không...

Các Thuộc Tính Định Dạng Font Chữ Trong Css

  • Tác giả: jdomain.vn
  • Đánh giá: 4 ⭐ ( 3405 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS cung cấp các thuộc tính liên quan đến phông giúp chúng ta có thể dễ dàng thiết lập họ phông chữ, kích thước phông chữ, độ đậm của phông chữ và kiểu phông chữ sử dụng trên trang web, Họ Phông - Font FamilyHọ phông (hay font family) trong CSS bao gồm một nhóm các phông chữ liên quan với nhau

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php