输出文本
HTML元素提供了如下输出信息标签:
<code> : 表示代码字体,即显示源代码。
<pre> :表示预定义格式的源代码,既保留源代码现实中的空格大小。
<tt> :表示打印机字体。
<kbd> :表示键盘字体。
<dfn> :表示定义的术语。
<var> :表示变量字体。
<samp> :标识代码范例。
简单实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>输出文本格式</title>
</head>
<body bgcolor="lavenderblush">
<div id="output">
<p>表示预定义格式的源代码:</p>
<pre>
var i = 0;
function timedCount(){
i=i+1;
postMessage(i); // postMessage() 方法 - 它用于向 HTML 页面传回一段消息。
setTimeout("timedCount()",500);
}
</pre>
<p>表示代码字体:</p><code>Circle circle = new Circle();</code>
<p>表示打印机字体:</p><tt>This is 打印机自输出</tt>
<p>表示键盘字体:</p><kbd>This is kbd 字体</kbd>
<p>表示定义的术语:</p><dfn>This is定义的 术语</dfn>
<p>表示变量字体:</p><var>This is var font style</var>
<p>表示代码范例:</p><samp>This is samp style : a code samp</samp>
</div>
</body>
</html>
实现效果: