• HTML文本格式化


     

    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>

    地址

    <html>

    <body>

    <h2>唐老鸭的地址:</h2>

    <address>

    Donald Duck<br />

    BOX 555<br />

    Disneyland<br />

    USA<br />

    </address>

    <br />

    <h2>W3School 的地址:</h2>

    <address>

      <a href="mailto:service@w3school.com.cn">用户服务信箱</a><br />

      上海赢科投资有限公司<br />

      金桥开发区 789 号<br />

    </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>

    定义一个定义项目。

  • 相关阅读:
    常用查看日志的命令
    通过maven profile配置不同开发环境
    java使用shiro小记
    gitlab使用小记
    java使用guava变形数据结构
    php 把驼峰样式的字符串转换成下划线样式的字符串
    tcp粘包和拆包的处理方案
    php和js中,utf-8编码转成base64编码
    yum的用法
    rpm的用法
  • 原文地址:https://www.cnblogs.com/johnpher/p/2570638.html
Copyright © 2020-2023  润新知