这个 标签 HTML在网页中扮演着重要的角色,可以创建一个有吸引力和可读性的网页。字体标签用于更改文本的颜色、大小和样式。基本字体标签用于将所有文本设置为相同的大小、颜色和字体。
语法:
<font attribute = "value"> Content </font>
例子: 在本例中,我们使用了字体大小为5的 标记。
HTML
<!DOCTYPE html> < html > < body > < h2 >GeeksforGeeks</ h2 > <!--Normal paragraph tag--> < p >Hello Geeks!.</ p > <!--font tag--> < font size = "5" > Welcome to GeeksforGeeks </ font > </ body > </ html > |
输出:
![图片[1]-HTML标记-yiteyi-C++库](https://media.geeksforgeeks.org/wp-content/uploads/20210916180011/164.png)
HTML 标记
字体标签基本上有三个属性,如下所示:
注: HTML5不支持字体标记。
我们将讨论所有这些属性,并通过示例理解它们。
字体大小: 此属性用于使用调整HTML文档中文本的大小 A. 字体标签 这个 大小属性。HTML中字体的大小范围为1到7,默认大小为3。
语法:
<font size="number">
例子: 本例使用了 标记,其中指定了不同的字体大小。
HTML
<!DOCTYPE html> < html > < body > <!--HTML font size tag starts here--> < font size = "1" >GeeksforGeeks!</ font >< br /> < font size = "2" >GeeksforGeeks!</ font >< br /> < font size = "3" >GeeksforGeeks!</ font >< br /> < font size = "4" >GeeksforGeeks!</ font >< br /> < font size = "5" >GeeksforGeeks!</ font >< br /> < font size = "6" >GeeksforGeeks!</ font >< br /> < font size = "7" >GeeksforGeeks!</ font > <!--HTML font size tag ends here--> </ body > </ html > |
输出:
![图片[2]-HTML标记-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/geeks/20210604/geeks_font1.png)
字体大小属性
字体类型 : 字体类型可以通过在HTML文档中使用带有字体标记的face属性来设置。但是用户使用的字体需要先安装在系统中。
语法:
<font face="font_family">
例子: 本例描述了具有不同字体类型和字体大小的 标记。
HTML
<!DOCTYPE html> < html > < body > <!--HTML font face tag starts here--> < font face = "Times New Roman" size = "6" > GeeksforGeeks!! </ font > < br /> < font face = "Verdana" size = "6" > GeeksforGeeks!! </ font >< br /> < font face = "Comic sans MS" size = " 6" > GeeksforGeeks!! </ font >< br /> < font face = "WildWest" size = "6" > GeeksforGeeks!! </ font >< br /> < font face = "Bedrock" size = "6" > GeeksforGeeks!! </ font >< br /> <!--HTML font face tag ends here--> </ body > </ html > |
输出:
![图片[3]-HTML标记-yiteyi-C++库](https://media.geeksforgeeks.org/wp-content/uploads/20211215073008/1.png)
字体类型属性
字体颜色: 字体颜色用于在HTML文档中使用带有颜色属性的字体标记设置文本颜色。颜色可以用名称或十六进制代码指定。
语法:
<font color="color_name|hex_number|rgb_number">
例子: 本例描述了具有不同字体颜色的 标记。
HTML
<!DOCTYPE html> < html > < body > <!--HTML font color tag starts here--> < font color = "#009900" >GeeksforGeeks</ font >< br /> < font color = "green" >GeeksforGeeks</ font > <!--HTML font color tag ends here--> </ body > </ html > |
输出:
![图片[4]-HTML标记-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/geeks/20210604/geeks_fontlast.png)
字体颜色属性
支持的浏览器:
- 谷歌浏览器
- 微软Edge 12及以上
- Internet Explorer
- 火狐
- 歌剧
- 游猎