Để tạo văn bản in đậm trong HTML, bạn có thể sử dụng <b> thẻ , the <strong> thẻ hoặc font-weight trong CSS.
Khi bạn đang thiết kế một trang web, bạn có thể muốn nhấn mạnh một phần văn bản cụ thể.
Ví dụ:giả sử bạn có một danh sách hướng dẫn về cách sử dụng một phần công nghệ mới và có một thông báo bảo mật đặc biệt quan trọng để người dùng đọc. Bạn có thể muốn nhấn mạnh thông báo đó để đảm bảo rằng người dùng không bỏ lỡ khi họ đang đọc hướng dẫn.
Trong HTML , có các chức năng tích hợp cho phép người viết mã nhúng vào văn bản cụ thể. Trong hướng dẫn này, chúng ta sẽ phân tích ba cách phổ biến nhất để nhúng văn bản trong HTML :<b> , thẻ <strong> và thẻ font-weight Cascading Style Sheets (CSS) tham số.
Thẻ HTML
Cách phổ biến nhất mà các nhà phát triển tạo văn bản khuyến khích trong HTML thông qua việc sử dụng <b> nhãn. <b> thẻ hoạt động để tạo một phần tử đại diện cho văn bản in đậm trên HTML trang web. Ví dụ:một <b> thẻ có thể làm nổi bật các tiêu đề phụ trong một bài viết trực tuyến.
Đây là một ví dụ về HTML <b> thẻ đang hoạt động:
<b>This text is bold</b>
Nó đơn giản mà. Nếu bạn muốn tô đậm một phần văn bản cụ thể nhưng để lại phần còn lại của đoạn văn, bạn có thể đặt một <b> gắn thẻ trong một phần như chúng tôi làm bên dưới:
<p>This text is not bold. <b>But this text is bold!</b></p>
Đây là kết quả của mã của chúng tôi:
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
Phần đầu đoạn văn của chúng tôi xuất hiện bình thường và văn bản trong <b> của chúng tôi thẻ đã được khuyến khích.
HTML Thẻ
Ngoài ra, bạn có thể sử dụng <strong> để tạo văn bản hấp dẫn trong HTML . <strong> giống hệt như thẻ <b> , với một điểm khác biệt:thẻ mạnh cho biết rằng nội dung của nó cần được chú ý đặc biệt. Đây là ví dụ về <strong> thẻ đang được sử dụng:
<p>Your username for your new computer is <b>JohnAppleseed</b></p> <p><strong>Attention!</strong> You must change your password after logging in.</p>
Mã của chúng tôi trả về như sau:
Như bạn có thể thấy, <b> đang được sử dụng để đánh dấu văn bản mà người đọc có thể muốn đọc. <strong> đang được sử dụng để chỉ ra rằng từ Attention nên được người đọc đặc biệt quan tâm. Điều đó nói rằng, ngoài sự khác biệt này, <b> và <strong> các thẻ đều giống nhau.
Thuộc tính CSS font-weight
<strong> và <b> các thẻ được sử dụng trong vani HTML các yếu tố để chỉ ra rằng văn bản là quan trọng và cần được đọc. Tuy nhiên, cũng có một CSS thuộc tính cho phép chúng tôi kiểm soát nhiều hơn cách văn bản của chúng tôi xuất hiện:font-weight .
font-weight cho phép người viết mã xác định độ đậm hay nhạt - độ đậm của một phần văn bản cụ thể xuất hiện. Đây là một ví dụ về font-weight được áp dụng cho một đoạn văn có thẻ thick :
HTML :
<p>This is an example paragraph.</p> <p class="thick">This is a bold example paragraph.</p>
CSS :
p.thick {
font-weight: 900;
} Mã của chúng tôi trả về như sau:
Trong ví dụ của chúng tôi, chúng tôi xác định một lớp có tên là thick , đặt font-weight thuộc tính cho văn bản của chúng tôi thành 900, nghĩa là văn bản mà chúng tôi tham chiếu đến lớp thick sẽ xuất hiện khuyến khích. Điều đáng chú ý là chúng tôi có thể tùy chỉnh số “900”, tùy thuộc vào việc chúng tôi muốn văn bản của mình trông nhạt hơn hay đậm hơn.
Ngoài ra, chúng tôi có thể chỉ định font-weight của mình sử dụng kiểu font-weight thuộc tính bold, như vậy:
<p>This is an example paragraph.</p> <p style="font-weight:900;">This is a bold example paragraph.</p>
Kết luận
Văn bản in đậm là một phần quan trọng của định dạng văn bản trong HTML . Nếu bạn cần thu hút sự chú ý đến một dòng văn bản cụ thể hoặc một vài từ, bạn có thể muốn làm nổi bật nó. Trong hướng dẫn này, chúng tôi đã chia nhỏ ba cách chính để nhúng văn bản:<b> , <strong> và font-weight . Bây giờ bạn đã sẵn sàng tạo văn bản in đậm như một chuyên gia!