HTML 标签

发表于2015-05-25 10:43:54| --次阅读| 来源webkfa| 作者小五

摘要： 规定文本的字体、字体尺寸、字体颜色

定义和用法
 规定文本的字体、字体尺寸、字体颜色。

实例
规定文本字体、大小和颜色：

		html代码
	

运行代码

<html>
<body>

<h1><font face="verdana">A heading</font></h1>
<p><font size="5" face="arial" color="red">A paragraph.</font></p>

</body>
</html>

<html>
<body>

<h1><font face="verdana">A heading</font></h1>
<p><font size="5" face="arial" color="red">A paragraph.</font></p>

</body>
</html>

浏览器支持
所有主流浏览器都支持 标签。

HTML 与 XHTML 之间的差异
在 HTML 4.01 中，font 元素不被赞成使用。
在 XHTML 1.0 Strict DTD 中，font 元素不被支持。

提示和注释：
提示：请使用样式（代替 ）来定义文本的字体、字体颜色、字体尺寸。

可选的属性

		代码
	

//不赞成使用。请使用样式取代它。
//规定文本的颜色。
color=rgb(x,x,x)|#xxxxxx|colorname

//不赞成使用。请使用样式取代它。
//规定文本的字体。
face=font_family

//不赞成使用。请使用样式取代它。
//规定文本的大小。
size=number

标准属性

		代码
	

id, class, title, style, dir, lang, xml:lang

如需完整的描述，请访问标准属性。
事件属性
NONE
如需完整的描述，请访问事件属性。

设置文字的字体
本例演示如何设置文字的字体。

		html代码
	

运行代码

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:courier">A paragraph</p>
</body>
</html>

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:courier">A paragraph</p>
</body>
</html>

设置文字的尺寸
本例演示如何设置文字的尺寸。

		html代码
	

运行代码

<html>
<body>
<h1 style="font-size:150%">A heading</h1>
<p style="font-size:80%">A paragraph</p>
</body>
</html>

<html>
<body>
<h1 style="font-size:150%">A heading</h1>
<p style="font-size:80%">A paragraph</p>
</body>
</html>

设置文字的颜色
本例演示如何设置文字的颜色。

		html代码
	

运行代码

<html>
<body>
<h1 style="color:blue">A heading</h1>
<p style="color:red">A paragraph</p>
</body>
</html>

<html>
<body>
<h1 style="color:blue">A heading</h1>
<p style="color:red">A paragraph</p>
</body>
</html>

设置文字的字体、字体尺寸、字体颜色
本例演示如何设置文字的字体、字体尺寸、字体颜色.

		html代码
	

运行代码

<html>
<body>
<p style="font-family:verdana;font-size:80%;color:green">
This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it.
</p>
</body>
</html>

<html>
<body>
<p style="font-family:verdana;font-size:80%;color:green">
This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it.
</p>
</body>
</html>

HTML <font> 标签

发表于2015-05-25 10:43:54| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章