2.2.5 修饰字体标签
修饰字体标签
在网页的编辑中，可以直接在网页的主体部分添加文字，只需要在<body>标签和</body>标签之间输入相应的文字即可。设置不同的文字效果的属性位于文字格式标签<font>中。具体格式如下。
<font size="字号" color="字体颜色" face="字体">文字内容</font>
【例2-2】在网页中显示商品的具体信息，效果如图2-4所示。
图2-4 对网页中的文字设置字体字号及颜色效果
新建HTML文件，在HTML文件中添加商品的文字信息，再通过<font>标签等改变字体、字号和颜色。具体代码如下。
<body leftmargin="35%">
<h3>当天发货12期免息【选音响手环电源】Huawei/华为P9 plus手机全网通</h3>
<font size="-1" color="#FF0000">当天18点前付款当天发货选音响手环免息</font><br>
<font size="-1" color="#999999">价格：</font>
<font size="-1" color="#000">￥<strike>4388.00</strike></font><br>
<font size="-1" color="#999999">促销价：</font>
<font size="+2" color="#f00" face="宋体"><b>￥4199.00</b></font><br>
<font size="-1" color="#999999">运费：</font>
<font size="-1" color="#000">山东济南至长春»南关区»快递：0.00</font>
<hr width="600" align="left">
<font size="-1" color="#999999">月销量：</font>
<font size="-1" color="#990000"><b>148</b></font>
<font size="-1" color="#999999">|</font>
<font size="-1" color="#999999">累计评价：</font>
<font size="-1" color="#990000"><b>2184</b></font>
<font size="-1" color="#999999">|</font>
<font size="-1" color="#999999">送51购积分三倍
<font color="#009900"><b>3012</b></font>起</font>
<hr width="600" align="left">
</body>