HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML空格符(空格的代码)HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性HTML多媒体 HTML多媒体HTML5 教程 HTML5 教程 从入门到精通HTML5 拖放/拖拽HTML5 语义元素 HTML5 新的 Input 输入类型HTML5 新表单元素HTML5 新的表单属性HTML5 canvas画布HTML5 SVG矢量图形HTML5 Audio(音频)HTML5 Video(视频)HTML5 Web WorkersHTML5 存储HTML5 WebSocketHTML5 IndexedDBHTML5 IndexedDB增删改查

HTML 计算机代码元素

计算机代码

以下是html代码在页面特定标签里的显示方式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>炫代码(www.xuandaima.com)</title>
</head>
<body>
</body>
</html>

HTML 变量格式化

<var> 标签是一个短语标签,用来格式化文档中的文本为变量。这个标签经常与 <code> 和 <pre> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。

案例

如果碗里有n种水果,那么至少n-2种会是熟的。
<p>如果碗里有<var>n</var>种水果,那么至少<var>n</var>-2种会是熟的。</p>

所有短语标签

HTML 代码格式

代码格式有两种,一种是:<code> 元素不保留多余的空格和折行,第二种是 <pre>元素保留空格和折行。

<pre>案例

显示css样式代码格式:

body {
  color:red;
}
<p>显示css样式代码格式:</p>
<pre>
body {
  color:red;
}
</pre>

预格式化

<code>案例

fruitdb程式能用于跟踪水果的出产。

<p><code>fruitdb</code>程式能用于跟踪水果的出产。</p>

所有短语标签

HTML 样本格式

<samp> 标签是一个短语标签,用来格式化文档中的文本为计算机输出

案例

计算机输出:Unknown error -3
<p>计算机输出:<samp>Unknown error -3</samp></p>

所有短语标签

HTML 键盘格式

<kbd> 标签是一个短语标签,用来格式化文档中的文本为计算机输出

案例

Enter继续…
<p>按<kbd>Enter</kbd>继续… </p>

所有短语标签

HTML 计算机代码元素
标签描述
<code>定义计算机代码文本
<kbd>定义键盘文本
<samp>定义计算机代码示例
<var>定义变量
<pre>定义预格式化文本