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文件,点击按钮,改变文字的大小。