8. HTML 文本格式化 (预格式, 计算机输出标签, 地址, 缩写和首字母, 文字方向, 块引用, 删除字效果和插入字效果)

一. exp

(1) 文本格式化 text formatting

    <html>

<body>

<b>This text is bold</b>        <b> 定义粗体文uote本。

<br />

<strong>This text is strong</strong>       <strong> 定义加重语气  ??

<br />

<big>This text is big</big>          <big>   定义大号字体。

<br />

<em>This text is emphasized</em>     <em> 定义着重文字。

<br />

<i>This text is italic</i>               <i>定义斜体字。

<br />

<small>This text is small</small>       <small> 定义斜体字。


<br />

This text contains
<sub>subscript</sub>                    <sub> 定义下标字。

<br />

This text contains
<sup>superscript</sup>                  <sup> 定义上标字。

</body>
</html>

(2) 预格式

    作用: 保留元素内容的空格和空行。

    方法: <pre></pre>   tag。

(3) “计算机输出”tag

<html>

<body>

<code>Computer code</code>         <code>  定义计算机代码。
<br />
<kbd>Keyboard input</kbd>            <kbd>   定义键盘码。
<br />
<tt>Teletype text</tt>                      <tt>    定义打字机代码。
<br />
<samp>Sample text</samp>              <samp>   定义计算机样本代码。
<br />
<var>Computer variable</var>            <var>    定义变量。
<br />


<p>
<b>注释:</b>这些标签常用于显示计算机/编程代码。
</p>

</body>
</html>

(4) 地址

         1.作用:演示如何在HTML文件中写地址。

         2.方法:<address></address>

  (5)  缩写和首字母缩写

        1.作用:当鼠标移至缩略词语上时, 可显示出完整的title属性的值。

        2.方法:<abbr title=“value”>val</abbr>

                    <acronym title=value">val</abbr>

(6) 文字方向

    1. 作用:改变文字的方向

    2. 方法:<bdo dir=“value”></bdo>

                value="rtl" or "ltr"

(7) 块引用

     1.<blockquote>长引用:浏览器会插入换行和页边距。

     2.<q>短引用:浏览器不会有任何特殊呈现。

(8)删除字效果和插入字效果

      1.删除字<del></del>.

      2.插入字<ins></ins>.

原文地址:https://www.cnblogs.com/gavinwu/p/3198290.html