HTML 计算机代码元素

w3school 在线教程

## HTML 基础教程

- HTML 教程
- HTML 简介
- HTML 编辑器
- HTML 基础
- HTML 元素
- HTML 属性
- HTML 标题
- HTML 段落
- HTML 样式
- HTML 格式化
- HTML 引用
- HTML 计算机代码
- HTML 注释
- HTML CSS
- HTML 链接
- HTML 图像
- HTML 表格
- HTML 列表
- HTML 块
- HTML 类
- HTML 布局
- HTML 响应式设计
- HTML 框架
- HTML 内联框架
- HTML 背景
- HTML 脚本
- HTML 头部
- HTML 实体
- HTML URL
- HTML URL 编码
- HTML Web 服务器
- HTML 颜色
- HTML 颜色名
- HTML 文档类型
- HTML 速查手册

## HTML XHTML

- XHTML 简介
- XHTML 元素
- XHTML 属性

## HTML 表单

- HTML 表单
- HTML 表单元素
- HTML 输入类型
- HTML 输入属性

## HTML5

- HTML5 简介
- HTML5 支持
- HTML5 元素
- HTML5 语义
- HTML5 迁移
- HTML5 代码约定

## HTML 图形

- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG

## HTML 媒体

- HTML 媒体
- HTML 对象
- HTML 音频
- HTML 视频

## HTML API

- HTML5 地理定位
- HTML5 拖放
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 SSE

## 实例/测验/总结

- HTML 实例
- HTML 测验
- HTML 总结

## HTML 参考手册

- HTML 标签列表
- HTML 属性
- HTML 事件
- HTML 合法 DTD
- HTML 颜色名
- HTML 字符集
- HTML ASCII
- HTML ISO-8859-1
- HTML 符号
- HTML URL 编码
- HTML 语言代码
- HTML 消息

## HTML5

- HTML5 教程
- HTML5 参考手册

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# HTML 计算机代码元素

- HTML 引用
- HTML 注释

## 计算机代码

    var person = {
        firstName:"Bill",
        lastName:"Gates",
        age:50,
        eyeColor:"blue"
    }

## HTML 计算机代码格式

通常，HTML 使用可变的字母尺寸，以及可变的字母间距。

在显示计算机代码示例时，并不需要如此。

<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。

## HTML 键盘格式

HTML <kbd> 元素定义键盘输入：

### 实例

    <p>To open a file, select:</p>

    <p><kbd>File | Open...</kbd></p>

亲自试一试

## HTML 样本格式

HTML <samp> 元素定义计算机输出示例：

### 实例

    <samp>
    demo.example.com login: Apr 12 09:10:17
    Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
    </samp>

亲自试一试

## HTML 代码格式

HTML <code> 元素定义编程代码示例：

### 实例

    <code>
    var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
    </code>

亲自试一试

<code> 元素不保留多余的空格和折行：

### 实例

    <p>Coding Example:</p>

    <code>
    var person = {
        firstName:"Bill",
        lastName:"Gates",
        age:50,
        eyeColor:"blue"
    }
    </code>

亲自试一试

如需解决该问题，您必须在 <pre> 元素中包围代码：

### 实例

    <p>Coding Example:</p>

    <code>
    <pre>
    var person = {
        firstName:"Bill",
        lastName:"Gates",
        age:50,
        eyeColor:"blue"
    }
    </pre>
    </code>

亲自试一试

## HTML 变量格式化

HTML <var> 元素定义数学变量：

### 实例

    <p>Einstein wrote:</p>

    <p><var>E = m c<sup>2</sup></var></p>

亲自试一试

## HTML 计算机代码元素

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

- HTML 引用
- HTML 注释