21xrx.com
2025-06-01 19:14:55 Sunday
  

HTML 电脑代码显示

上一章 下一章
电脑代码例子
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
Markup

HTML 电脑代码格式化

HTML显示时通常用可变的字母大小和空格.

当要显示电脑代码时,将得不到我们想要的显示结果.

<kbd>,<samp>和<code>元素都支持固定的字母和空格.

HTML <kbd>键盘输入:

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

例子

<kbd>文件 | 打开...</kbd>
Markup

结果:

文件 | 打开...
Markup

HTML <samp>电脑输出

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>
Markup

结果:

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
Markup

HTML <code>电脑代码

HTML <code>元素定义一段程序代码.

例子

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
Markup

结果:

var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;
Markup

注意<code>元素不保留多余的空格和换行符.

为了解决这个问题,你可以把<code>元素放到<pre>元素里.

例子

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>
Markup

结果:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
Markup

HTML <var>元素定义一个变量

定义的变量应该是数学表达式中的变量或是当前页面中的变量.

例子

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

结果:

Einstein wrote: E = mc2.
Markup

HTML 关于电脑代码的元素

标签描述
<code>定义程序代码
<kbd>定义键盘输入
<samp>定义电脑输出
<var>定义一个变量
<pre>定义格式化的文字
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2