HTML教程-如何在HTML中更改字体
在HTML中,我们可以使用以下两种方法来更改字体:
- 使用HTML标签
- 使用style属性
1. 使用HTML标签
如果我们想要使用HTML标签更改在网页上显示的文本的字体,我们需要按照以下步骤进行。使用这些步骤,我们可以轻松地更改字体:
步骤1:首先,在任何文本编辑器中输入HTML代码或打开现有的HTML文件,在文本编辑器中使用HTML标签。
<!DOCTYPE html>
<html>
<head>
<title>Change font Using HTML tag</title>
</head>
<body>
Hello Javatiku ! <br>
Hello User! <br>
How are You?
</body>
</html>
步骤2:现在,将光标移动到要更改字体的文本的开头。然后,在该位置键入空的HTML<font>
标签。
<font> Single Line text and statements
步骤3:接着,您必须在要更改字体的文本结尾处关闭font标签。
<font> Single Line text and statements </font>
步骤4:现在,我们需要为font标签添加一个名为“*face*”的属性。因此,在起始<font>
标签内键入face属性。然后,我们必须给出字体的名称。因此,在face属性中键入字体的名称,如下所示:
<!DOCTYPE html>
<html>
<head>
<title>Change font Using HTML tag</title>
</head>
<body>
<font face="Courier">
Hello Javatiku ! <br>
</font>
<font face="Arial">
Hello User! <br>
How are You?
</font>
</body>
</html>
2. 使用style属性
如果我们想要使用style属性更改在网页上显示的文本的字体,我们需要按照以下步骤进行。使用这些步骤,我们可以轻松地更改字体。
步骤1:首先,在任何文本编辑器中输入HTML代码或打开现有的HTML文件,在文本编辑器中使用style属性。
<!DOCTYPE html>
<html>
<head>
<title>Change font using CSS Tag</title>
</head>
<body>
Javatiku is the Best Site for providing education.
</body>
</html>
步骤2:现在,将光标移动到要更改字体的文本的开头。然后,在<p>
(段落)标签中键入CSS style 属性。
<p style="font-family:Courier; "> Any Text
步骤3:接着,您必须在要更改字体的文本结尾处关闭段落标签。
<p style="font-family:Courier; "> Any Text </p>
步骤4:最后,保存以下使用CSS style属性更改字体的HTML代码。
<!DOCTYPE html>
<html>
<head>
<title>Change font using CSS Tag</title>
</head>
<body>
<p style="font-family:Courier; ">
Javatiku is the Best Site for providing education.
</p>
Hii User!
</body>
</html>