您好,欢迎访问一九零五行业门户网

关于HTML 文本格式化的代码

下面为大家带来一篇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>
效果如下:
二,预格式文本:此例演示如何使用 pre 标签对空行和空格进行控制。
<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 文件中写地址。
<!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>
效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注!
相关推荐:
使用html制作简单登录页面的方法
以上就是关于html 文本格式化的代码的详细内容。
其它类似信息

推荐信息