HTML标签天天练2--<font><b><big><small><em><i><sup><sub><strong>-优快云博客

本文介绍了HTML中用于定义文本尺寸的基本标签，包括<font>、<b>、<big>等，并探讨了这些标签在现代网页开发中的地位及替代方案——CSS的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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"><font></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"><b></span>粗体显示文字；<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal"><big></span>用大字体显示文字；<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal"><small></span>用小字体显示文字；<wbr><span style="color:#FF0000; word-wrap:normal; word-break:normal"><sup></span>显示文字为上标；<span style="color:#FF0000; word-wrap:normal; word-break:normal"><sub></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"><em>与<i></span>都是用斜体来显示文字，就看个人使用习惯了，夜风本人多用<em>.</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"><strong></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"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> </head> <body> <i>1234567890</i> <b>1234567890</b> <big>1234567890</big> <small>1234567890</small> <em>1234567890</em> <sup>1234567890</sup> <sub>1234567890</sub> <strong>1234567890</strong> </body> </html></textarea><br><br> </div> </div> </wbr></wbr>