您现在的位置: 365建站网 > 建站教程 > html教程 > HTML 计算机代码元素

HTML 计算机代码元素

此节有 451 人学习过     参与评论

计算机代码

</>code

  1. var person = {
  2. firstName:"Bill",
  3. lastName:"Gates",
  4. age:50,
  5. eyeColor:"blue"
  6. }

HTML 计算机代码格式

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

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

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

HTML 键盘格式

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

实例

</>code

  1. <p>To open a file, select:</p>
  2. <p><kbd>File | Open...</kbd></p>

亲自试一试

HTML 样本格式

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

实例

</>code

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

亲自试一试

HTML 代码格式

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

实例

</>code

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

亲自试一试

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

实例

</>code

  1. <p>Coding Example:</p>
  2. <code>
  3. var person = {
  4. firstName:"Bill",
  5. lastName:"Gates",
  6. age:50,
  7. eyeColor:"blue"
  8. }
  9. </code>

亲自试一试

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

实例

</>code

  1. <p>Coding Example:</p>
  2. <code>
  3. <pre>
  4. var person = {
  5. firstName:"Bill",
  6. lastName:"Gates",
  7. age:50,
  8. eyeColor:"blue"
  9. }
  10. </pre>
  11. </code>

亲自试一试

HTML 变量格式化

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

实例

</>code

  1. <p>Einstein wrote:</p>
  2. <p><var>E = m c<sup>2</sup></var></p>

亲自试一试

HTML 计算机代码元素

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (451人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
html教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 建站教程 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号