How to set the bold effect of font in html-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to set the bold effect of font in html

青灯夜游

Oct 24, 2018 am 10:21 AM

html

htmlHow to set the font bolding effect: First create an HTML sample file; then define a div in the body; finally set the font bolding effect by using the tag.

How to set the bold effect of font in html

The operating environment of this article: Windows 7 system, Dell G3 computer, HTML5&&CSS3 version.

How to bold the font in html? The content of this article is to introduce how to set the bold effect of fonts in HTML, so that everyone can understand the specific method of using the tag of HTML to bold the fonts. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

In the previous article [How to set the font bold style in css], we have introduced you to the specific method of achieving the font bold effect through css. Friends in need can go and refer to it.

Below we use a simple code example to introduce how to use the tag of html to achieve the effect of bold fonts!

html font bold code example is shown below:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> <b>加粗字体</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字，<b>这里使用b标签来加粗字体</b>
			</p>
		</div>
	</body>
</html>

Copy after login

Rendering:

How to set the bold effect of font in html

From the picture we It can already be seen that the second half of the text has a bold font, which can be compared with the first half of the text (the text is bold). Here we mainly use the tag in html. The use of the tag in html is very simple. Just write the text that needs to be bolded in the tag!

We already know how to use the tag to bold fonts. Next, let’s take a look at the browser support for the html tag.

How to set the bold effect of font in html

It can be seen that the tag is supported by all browsers, so there is no need to think about the compatibility of the tag.

Note: The tag of html can be set to bold text, but according to the HTML5 specification, the tag should be used as the last option when no other suitable tag is more suitable; and in In HTML5, the tag can represent important text and achieve the effect of bolding and emphasizing the font. Therefore, we can also use the tag to bold the font to express the effect of emphasizing the text. [Related article: Detailed explanation of how to set the font boldness for the strong tag in HTML]

Summary: The above is all about using the tag to make the font bold. Content, you can try it yourself to deepen your understanding. Regarding the method of using the tag to bold the font, we will explain it in a subsequent article. We hope it will be helpful to everyone's learning.

【More related tutorial recommendations】:

HTML video tutorial

Html5 video tutorial

bootstrap video tutorial

The above is the detailed content of How to set the bold effect of font in html. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn