HTML标签天天练2--<font><b><big><small><em><i><sup><sub><strong>

<wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"></span><wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">继续天天练习HTML标签,今天讲的主要是定义文本的一些尺寸:</span> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 1)<span style="color:#ED1C24; word-wrap:normal; word-break:normal">&lt;font&gt;</span>定义HTML里,指定文本的字体、颜色及尺寸;看似功能很强大,但目前在HTML4及XHTML中通常已经不被推荐。最好用CSS样式来定义更具体的内容。</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <br> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 2)<span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;b&gt;</span>粗体显示文字;<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;big&gt;</span>用大字体显示文字;<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;small&gt;</span>用小字体显示文字;<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;sup&gt;</span>显示文字为上标;<span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;sub&gt;</span>显示文字为下标;——这是比较基础的HTML标签,所以在这里才一一列出,但在现阶段的web前端编码中,这些已经慢慢落后,被CSS取而代之!所以在实际运用的时候 夜风并不推荐它们!</wbr></wbr></wbr> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <br> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 3)<span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;em&gt;与&lt;i&gt;</span>都是用斜体来显示文字,就看个人使用习惯了,夜风本人多用&lt;em&gt;.</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <br> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 4)<span style="color:#FF0000; word-wrap:normal; word-break:normal">&lt;strong&gt;</span>用更明显的粗大字体来显示文字。这是在HTML文字定义标签里,能针对搜索引擎优化的一个标签,夜风个人非常推荐使用!</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <br> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> ---把下面的HTML代码复制到DreamWeaver中,大家都来试试看效果如何吧^_^:</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <div> <textarea readonly name="code" class="html">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb18030"&gt; &lt;/head&gt; &lt;body&gt; &lt;i&gt;1234567890&lt;/i&gt; &lt;b&gt;1234567890&lt;/b&gt; &lt;big&gt;1234567890&lt;/big&gt; &lt;small&gt;1234567890&lt;/small&gt; &lt;em&gt;1234567890&lt;/em&gt; &lt;sup&gt;1234567890&lt;/sup&gt; &lt;sub&gt;1234567890&lt;/sub&gt; &lt;strong&gt;1234567890&lt;/strong&gt; &lt;/body&gt; &lt;/html&gt;</textarea><br><br> </div> </div> </wbr></wbr>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值