html中的font设置字体

html-css07

html中的font设置字体,第1张

html中font标签本身就是一个设置字体属性的标签,那么它的具体属性有哪些呢?下面由我为大家整理了html中的font设置字体的相关知识,希望对大家有帮助!

html中font设置字体 总结

一、font标签语法与结构

<font color="#FF0000">www.divcss5.com 颜色</font>

Font color设置文本颜色为红色“#FF0000” ,你可能想了解css字体颜色:css color

<font size="6">www.divcss5.com 文字大小</font>

Font size设置文本文字大小尺寸为6 ,你可能想了解css字体大小:css font-size

<font face="微软雅黑">微软雅黑 字体</font>

Font face设置文本字体为“微软雅黑” ,你可能想了解css字体设置: css font-family

二、Font标签说明

常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。

三、Font应用案例html代码

<font color="#FF0000">www.divcss5.com 设置文本颜色</font><br />

<font size="6">www.divcss5.com 设置文本字体大小</font><br />

<font face="微软雅黑">微软雅黑字体 设置了文本字体</font>

补充:css5对于font直接设置网页文本样式标签总结

1)、使用font size设置文字大小

2)、使用html font标签face属性 设置文字字体

3)、使用html font color 设置文字颜色

<b></b> 粗体文本

<i></i> 倾斜文本

这可以单独成在,在<font>中有属性color \face\size

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。

2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。

3、接着在test.html的js标签内,使用function声明一个函数cgsize()。

4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。

5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。