HTML字体标签：如何控制字体大小与颜色

以下为学做网站论坛关于“HTML字体标签：如何控制字体大小与颜色”讲解视频教程。

HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素

一、font标签语法与结构

<font color="#FF0000">www.xuewangzhan.net 颜色</font>

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

<font size="6">www.xuewangzhan.net 文字大小</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.xuewangzhan.net 设置文本颜色</font><br />

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

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

四、对于font直接设置网页文本样式标签总结

• 1）、使用font size设置文字大小
• 2）、使用html font标签face属性 设置文字字体
• 3）、使用html font color 设置文字颜色

<font color="#509A47" size = "6" face="微软雅黑">www.xuewangzhan.net 设置文本颜色 大小　字体</font><br />

代码架构：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> //浏览器识别编码的字体，以防出现乱码
<title>在线演示 学做网站论坛</title> //标题
</head>
<body>
<font size="2">在线演示测试<font size="4">文字</font>，
欢迎访问学做网站论坛学习网站！</font>
</body>
</html>
font size 用于设定字体大小
！DOCTYPE html 是声明html的必不可少的一部分，必须放在所有代码的前面
head 文档题目
body 在里面写代码和输出，是网页的核心

文本样式的常用属性
text-align 设置文本的水平对齐方式
line-height 设置行高
text-decoration 设置文本修饰效果
text-indent 设置段落的首行缩进
word-wrap 设置文本换行
color 设置文本颜色
background-color 设置文本的背景颜色

字体颜色与表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字体颜色在线实例 学做网站论坛</title>
</head>
<body>
<font color="#FF0000">我是红色字体</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">你好</font></td>
<td>学做网站论坛</td>
</tr>
</table>
</body>
</html>
color=" " 设置字体颜色
table 表格标签，设置表格宽度
tr 把每个元素按行分隔开
td 把同一行的元素分隔，固定格式放在“tr”后

设置字体居中大小和字体类型
<div style="font:12px bolder '微软雅黑'; text-align:center;">
</div>
font family 设置字体类型
style="background-color:red;" 设置背景颜色为红色