• HTML的文本格式化


    文本格式化:
    <html>

    <body>

    <b>This text is bold</b>

    <br />

    <strong>This text is strong</strong>

    <br />

    <big>This text is big</big>

    <br />

    <em>This text is emphasized</em>

    <br />

    <i>This text is italic</i>

    <br />

    <small>This text is small</small>

    <br />

    This text contains
    <sub>subscript</sub>

    <br />

    This text contains
    <sup>superscript</sup>

    </body>
    </html>

    预格式化文本:
    <html>

    <body>

    <pre>
    这是
    预格式文本。
    它保留了 空格
    和换行。
    </pre>

    <p>pre 标签很适合显示计算机代码:</p>

    <pre>
    for i = 1 to 10
    print i
    next i
    </pre>

    </body>
    </html>
    计算机输出标签:
    <html>

    <body>

    <code>Computer code</code>
    <br />
    <kbd>Keyboard input</kbd>
    <br />
    <tt>Teletype text</tt>
    <br />
    <samp>Sample text</samp>
    <br />
    <var>Computer variable</var>
    <br />

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

    </body>
    </html>

    地址:
    <!DOCTYPE html>
    <html>
    <body>

    <address>
    Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
    Visit us at:<br>
    Example.com<br>
    Box 564, Disneyland<br>
    USA
    </address>

    </body>
    </html>

    缩写和首字母缩写:
    <html>

    <body>

    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>

    <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>

    <p>仅对于 IE 5 中的 acronym 元素有效。</p>

    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

    </body>
    </html>

    文字方向:
    <html>

    <body>

    <p>
    如果您的浏览器支持 bi-directional override (bdo),下一行会从右向左输出 (rtl);
    </p>

    <bdo dir="rtl">
    Here is some Hebrew text
    </bdo>

    </body>
    </html>

    块引用:
    <html>

    <body>

    这是长的引用:
    <blockquote>
    这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
    </blockquote>

    这是短的引用:
    <q>
    这是短的引用。
    </q>

    <p>
    使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
    </p>

    </body>
    </html>

    删除字效果和插入字效果:
    <html>

    <body>

    <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

    <p>大多数浏览器会改写为删除文本和下划线文本。</p>

    <p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

    </body>
    </html>

    文本格式化标签

    标签描述
    <b> 定义粗体文本。
    <big> 定义大号字。
    <em> 定义着重文字。
    <i> 定义斜体字。
    <small> 定义小号字。
    <strong> 定义加重语气。
    <sub> 定义下标字。
    <sup> 定义上标字。
    <ins> 定义插入字。
    <del> 定义删除字。
    <s> 不赞成使用。使用 <del> 代替。
    <strike> 不赞成使用。使用 <del> 代替。
    <u> 不赞成使用。使用样式(style)代替。

    “计算机输出”标签

    标签描述
    <code> 定义计算机代码。
    <kbd> 定义键盘码。
    <samp> 定义计算机代码样本。
    <tt> 定义打字机代码。
    <var> 定义变量。
    <pre> 定义预格式文本。
    <listing> 不赞成使用。使用 <pre> 代替。
    <plaintext> 不赞成使用。使用 <pre> 代替。
    <xmp> 不赞成使用。使用 <pre> 代替。

    引用、引用和术语定义

    标签描述
    <abbr> 定义缩写。
    <acronym> 定义首字母缩写。
    <address> 定义地址。
    <bdo> 定义文字方向。
    <blockquote> 定义长的引用。
    <q> 定义短的引用语。
    <cite> 定义引用、引证。
    <dfn> 定义一个定义项目。
    这个神经病来自七院,又哭又笑的像一只老鬼
  • 相关阅读:
    [Python] Calculate pi With MonteCarlo
    二次函数闭区间求最小值、、
    [2013.10.30 Luogu OJ P1509]找啊找啊找GF
    IE8下绝对居中的margin:auto兼容问题解决办法
    上传文件过长中间显示省略号
    全选
    往textarea中光标所在位置插入文本
    侧栏悬浮窗
    IE火狐兼容小知识点(即时更新)
    排序、添加、删除、上移、下移功能
  • 原文地址:https://www.cnblogs.com/commanderzhu/p/5244050.html
Copyright © 2020-2023  润新知