characters

HTML 文本格式化

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

下面有很多例子,您可以亲自试试:

HTML 文本格式化实例

文本格式化

  This text is bold 
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
This text contains subscript
This text contains superscript

预格式文本


          



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


pre 标签很适合显示计算机代码:



          
for i = 1 to 10
print i
next i





地址


          




Written by Donald Duck.

Visit us at:

Example.com

Box 564, Disneyland

USA





文字方向

  

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

Here is some Hebrew text

块引用

  这是长的引用: 
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
这是短的引用: 这是短的引用。

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

删除字效果和插入字效果

  

一打有 二十 十二 件。

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

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

如何查看 HTML 源码

您是否有过这样的经历,当你看到一个很棒的站点,你会很想知道开发人员是如何将它实现的?

你有没有看过一些网页,并且想知道它是如何做出来的呢?

要揭示一个网站的技术秘密,其实很简单。单击浏览器的“查看”菜单,选择“查看源文件”即可。随后你会看到一个弹出的窗口,窗口内就是实际的 HTML 代码。

文本格式化标签

标签 描述
定义粗体文本。
定义大号字。
定义着重文字。
定义斜体字。
定义小号字。
定义加重语气。
定义下标字。
定义上标字。
定义插入字。
定义删除字。
_不赞成使用。_使用 代替。
_不赞成使用。_使用 代替。
_不赞成使用。_使用样式(style)代替。

“计算机输出”标签

标签 描述
定义计算机代码。
定义键盘码。
定义计算机代码样本。
定义打字机代码。
定义变量。
定义预格式文本。
_不赞成使用。_使用

              代替。
              
</code></td> <td> <!-- react-text: 987 -->_不赞成使用。_使用 <!-- /react-text --><code><pre></code> <!-- react-text: 989 -->代替。 <!-- /react-text --></td> </tr> <tr> <td><code><xmp></code></td> <td> <!-- react-text: 994 -->_不赞成使用。_使用 <!-- /react-text --><code><pre></code> <!-- react-text: 996 -->代替。 <!-- /react-text --></td> </tr> </tbody> </table> <!-- react-text: 759 --> <!-- /react-text --> <h2 class="line"> <!-- react-text: 762 -->引用、引用和术语定义 <!-- /react-text --></h2> <!-- react-text: 763 --> <!-- /react-text --> <table> <thead> <tr class="firstRow"> <th>标签</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td><code><abbr></code></td> <td>定义缩写。</td> </tr> <tr> <td><code><acronym></code></td> <td>定义首字母缩写。</td> </tr> <tr> <td><code><address></code></td> <td>定义地址。</td> </tr> <tr> <td><code><bdo></code></td> <td>定义文字方向。</td> </tr> <tr> <td><code><blockquote></code></td> <td>定义长的引用。</td> </tr> <tr> <td><code><q></code></td> <td>定义短的引用语。</td> </tr> <tr> <td><code><cite></code></td> <td>定义引用、引证。</td> </tr> <tr> <td><code><dfn></code></td> <td>定义一个定义项目。</td> </tr> </tbody> </table> <!-- react-text: 766 --> <!-- /react-text --> <h2 class="line"> <!-- react-text: 1045 -->延伸阅读: <!-- /react-text --></h2> <!-- react-text: 769 --> <!-- /react-text --> <p>改变文本的外观和含义</p> <!-- react-text: 772 --> <!-- /react-text --> </div> <p><br></p> </div> <div class="view-foot"> <div class="article-jump"> <span class="jump-up">Previous article:<a></a></span> <span class="jump-down">Next article:<a></a></span> </div> <a class="view-backtop"><i class="icon-arrow-up2"></i></a> </div> </div> </div> </div> </div> </div> </div> <!--<i class="loading-image"> </i>--> <div id="languageslayer" style="display:none" class="flexColumn languageslayer"> <div class="lan-con"> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-cn" class="chooselan ">简体中文(ZH-CN)</a> <a href="javascript:;" data-value="en" class="chooselan checklan">English(EN)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-tw" class="chooselan ">繁体中文(ZH-TW)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ja" class="chooselan ">日本語(JA)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ko" class="chooselan ">한국어(KO)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ms" class="chooselan ">Melayu(MS)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="fr" class="chooselan ">Français(FR)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="de" class="chooselan ">Deutsch(DE)</a> </div> </div> <div style="display:none"></div> </body> </html>