HMTL基础学习之文本显示（值得收藏）

Myth丶恋晨 2022-12-15 02:25 175阅读 0赞

# HMTL基础学习之文本显示 #

## HTML 中文本的显示方式大全 ##

这里所有的标签，只是改变了文本显示的样式，具体的样式请参考下表：

<table> 
 <thead> 
  <tr> 
   <th>标签</th> 
   <th>说明</th> 
   <th>效果演示</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>&lt;b&gt;定义粗体文本&lt;/b&gt;</code></td> 
   <td>粗体</td> 
   <td><b>定义粗体文本</b></td> 
  </tr> 
  <tr> 
   <td><code>&lt;em&gt;定义着重文字&lt;/em&gt;</code></td> 
   <td>着重文字</td> 
   <td><em>定义着重文字</em></td> 
  </tr> 
  <tr> 
   <td><code>&lt;i&gt;定义斜体字&lt;/i&gt;</code></td> 
   <td>斜体</td> 
   <td><i> 定义斜体字</i></td> 
  </tr> 
  <tr> 
   <td><code>&lt;small&gt;定义小号字&lt;/small&gt;</code></td> 
   <td>小号字</td> 
   <td><small> 定义小号字</small></td> 
  </tr> 
  <tr> 
   <td><code>&lt;strong&gt;定义加重语气&lt;/strong&gt;</code></td> 
   <td>加重语气</td> 
   <td><strong> 定义加重语气</strong></td> 
  </tr> 
  <tr> 
   <td><code>&lt;sub&gt;下标&lt;/sub&gt;</code></td> 
   <td>下标</td> 
   <td>定义<sub>下标</sub>字</td> 
  </tr> 
  <tr> 
   <td><code>&lt;sup&gt;上标&lt;/sup&gt;</code></td> 
   <td>上标</td> 
   <td>定义<sup> 上标</sup>字</td> 
  </tr> 
  <tr> 
   <td><code>&lt;ins&gt;定义下划线&lt;/ins&gt;</code></td> 
   <td>下划线</td> 
   <td> 定义下划线</td> 
  </tr> 
  <tr> 
   <td><code>&lt;del&gt;定义删除字&lt;/del&gt;</code></td> 
   <td>删除</td> 
   <td> 定义删除字</td> 
  </tr> 
  <tr> 
   <td><code>&lt;code&gt; from random import random&lt;/code&gt;</code></td> 
   <td>计算机代码</td> 
   <td><code> from random import random</code></td> 
  </tr> 
  <tr> 
   <td><code>&lt;kbd&gt;Ctrl&lt;/kbd&gt;+&lt;kbd&gt;F4&lt;/kbd&gt;</code></td> 
   <td>键盘码</td> 
   <td>Ctrl+F4</td> 
  </tr> 
  <tr> 
   <td><code>&lt;samp&gt;定义计算机代码样本&lt;/samp&gt;</code></td> 
   <td>计算机代码样本</td> 
   <td> 定义计算机代码样本</td> 
  </tr> 
  <tr> 
   <td><code>&lt;var&gt;定义变量&lt;/var&gt;</code></td> 
   <td>变量</td> 
   <td> 定义变量</td> 
  </tr> 
  <tr> 
   <td><code>&lt;pre&gt;定义预格式文本&lt;/pre&gt;</code></td> 
   <td>预格式文本</td> 
   <td><pre>	定义预格式文本</pre></td> 
  </tr> 
  <tr> 
   <td><code>&lt;abbr&gt; 定义缩写&lt;/abbr&gt;</code></td> 
   <td>缩写</td> 
   <td> 定义缩写</td> 
  </tr> 
  <tr> 
   <td><code>&lt;address&gt;定义地址&lt;/address&gt;</code></td> 
   <td>地址</td> 
   <td> 定义地址</td> 
  </tr> 
  <tr> 
   <td><code>&lt;bdo&gt;定义文字方向&lt;/bdo&gt;</code></td> 
   <td>文字方向</td> 
   <td> 定义文字方向</td> 
  </tr> 
  <tr> 
   <td><code>&lt;blockquote&gt;定义长的引用 &lt;/blockquote&gt;</code></td> 
   <td>引用</td> 
   <td> 
    <blockquote>
      定义长的引用 
    </blockquote></td> 
  </tr> 
  <tr> 
   <td><code>&lt;q&gt;定义短的引用语 &lt;/q&gt;</code></td> 
   <td>引用语</td> 
   <td><q> 定义短的引用语 </q></td> 
  </tr> 
  <tr> 
   <td><code>&lt;cite&gt;定义引用、引证&lt;/cite&gt;</code></td> 
   <td>引证</td> 
   <td><cite> 定义引用、引证</cite></td> 
  </tr> 
  <tr> 
   <td><code>&lt;dfn&gt;定义一个定义项目。&lt;/dfn&gt;</code></td> 
   <td>项目</td> 
   <td> 定义一个定义项目。</td> 
  </tr> 
 </tbody> 
</table>