How to set font style in html-Front-end Q&A-php.cn

How to set font style in html

王林

Release： 2023-05-27 10:52:37

Original

3700 people have browsed it

HTML is a markup language used to create web pages. In HTML, you can use various tags and attributes to style text, including font, font size, font color, font format, etc.

In HTML, font styles can be set in the following ways:

Setting styles using HTML tags

In HTML, font styles can be set using tags Set different font styles. Font tags supported in HTML include:

<h1> - <h6>：用于设置标题的字体大小。
<p>：用于定义段落的字体样式。
<b> 或 <strong>：用于设置文本加粗。
<i> 或 <em>：用于设置文本斜体。
<small>：用于设置小号字体。
<sup>：用于设置上标样式。
<sub>：用于设置下标样式。
<u>：用于设置文本下划线。

Copy after login

For example, in the following code, we use the

tag to set the font style of the title:

<!DOCTYPE html>
<html>
<head>
    <title>设置字体样式</title>
</head>
<body>
    <h1 style="font-family: Arial, sans-serif;">这是一个标题</h1>
    <p style="font-family: 'Times New Roman', serif;">这是一段正文</p>
    <b>这段文字加粗。</b>
    <i>这段文字斜体。</i>
    <small>这是一段小号文字。</small>
    <sup>10</sup>
    <sub>2</sub>
    <u>这段文字带下划线。</u>
</body>
</html>

Copy after login

In the above code, we use style attribute to set the font style. For example, we use style="font-family: Arial, sans-serif;" to set the font family of the title to "Arial" or "sans-serif".

Set styles in CSS

In addition to using HTML tags to set font styles, you can also use CSS style sheets to set font styles. CSS style sheets are a language used to specify the style of web pages. In CSS, you can use font configuration to set various font styles, such as font family, font size, font weight, and font style.

For example, in the following CSS code, we use the font-family property to set the font style:

h1 {
    font-family: Arial, sans-serif;
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
    color: #333;
    text-align: center;
}

Copy after login

In the above code, we use font-family, font-size, font- The weight and font-style attributes are used to set the font family, font size, font weight and font style. In addition, we can also use the color attribute to set the font color and the text-align attribute to set the text alignment, etc.

Summary

In HTML, text can be styled using markup and CSS style sheets. By rationally using various tags and attributes, various font style effects can be easily achieved. When setting font styles, you need to pay attention to choosing the appropriate font family, font size and color, as well as using appropriate font formats to ensure that the web page is more attractive and readable.

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