zoukankan      html  css  js  c++  java
  • 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>

    定义一个定义项目。

  • 相关阅读:
    书单
    [转载] 修改WIN10的DNS、以及操作系统和 Web 浏览器清除和刷新 DNS 缓存方法汇总
    【题解】 【集训队作业2018】喂鸽子 minmax容斥+期望dp+补集转化 UOJ449
    【题解】 CF809E Surprise me! 虚树+莫比乌斯反演+狄利克雷卷积
    【题解】 CF1478E Nezzar and Binary String 线段树+时间逆序
    如何处理调用EasyCVR地址集成通过EasyPlayer播放器不能播放的问题?
    智慧能源:智能安防监控技术EasyCVR在石油能源行业中的场景应用
    网络穿透/动态组网工具EasyNTS报错connect refused该如何处理?
    如何处理C++编译webrtc无法成功获取sdp的问题?
    硬核讲解:编译webrtc协议为什么需要turn服务器?
  • 原文地址:https://www.cnblogs.com/johnpher/p/2570638.html
Copyright © 2011-2022 走看看