HTML 文本格式化的简单实例(详解)_XHTML教程-查字典教程网

HTML 文本格式化的简单实例(详解)

摘要：一，文本格式化：此例演示如何在一个HTML文件中对文本进行格式化。XML/HTMLCode复制内容到剪贴板ThistextisboldThi...

一，文本格式化：此例演示如何在一个 HTML 文件中对文本进行格式化。

XML/HTML Code复制内容到剪贴板 <html> <body> Thistextisbold Thistextisstrong <big>Thistextisbig</big> Thistextisemphasized Thistextisitalic Thistextissmall Thistextcontains subscript Thistextcontains superscript </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)1

二，预格式文本：此例演示如何使用 pre 标签对空行和空格进行控制。

XML/HTML Code复制内容到剪贴板 <html> <body> <pre> 这是预格式文本。它保留了空格和换行。 </pre> pre标签很适合显示计算机代码： <pre> fori=1to10 printi nexti </pre> </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)2

三，“计算机输出”标签：此例演示不同的“计算机输出”标签的显示效果。

XML/HTML Code复制内容到剪贴板 <html> <body> <code>Computercode</code> <kbd>Keyboardinput</kbd> <tt>Teletypetext</tt> <samp>Sampletext</samp> <var>Computervariable</var> 注释：这些标签常用于显示计算机/编程代码。 </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)3

四，地址：此例演示如何在 HTML 文件中写地址。

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtml> <html> <body> <address> Writtenby<ahref="mailto:webmaster@example.com">DonaldDuck</a>. Visitusat: Example.com Box564,Disneyland USA </address> </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)4

五，缩写和首字母缩写：此例演示如何实现缩写或首字母缩写。

XML/HTML Code复制内容到剪贴板 <html> <body> <abbrtitle="etcetera">etc.</abbr> <acronymtitle="WorldWideWeb">WWW</acronym> 在某些浏览器中，当您把鼠标移至缩略词语上时，title可用于展示表达的完整版本。 仅对于IE5中的acronym元素有效。 对于Netscape6.2中的abbr和acronym元素都有效。 </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)5

六，文字方向：此例演示如何改变文字的方向。

XML/HTML Code复制内容到剪贴板 <html> <body> 如果您的浏览器支持bi-directionaloverride(bdo)，下一行会从右向左输出(rtl)； <bdodir="rtl"> HereissomeHebrewtext </bdo> </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)6

七，块引用：此例演示如何实现长短不一的引用语。

XML/HTML Code复制内容到剪贴板 <html> <body> 这是长的引用： <blockquote> 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。 </blockquote> 这是短的引用： <q> 这是短的引用。 </q> 使用blockquote元素的话，浏览器会插入换行和外边距，而q元素不会有任何特殊的呈现。 </body> </html>

效果如下：

HTML 文本格式化的简单实例(详解)7