HTML 電腦程式碼
電腦編碼指電腦內部代表字母或數字的方式
通常，HTML 使用可變的字母尺寸，以及可變的字母間距。
但顯示電腦程式碼範例時，並不需要如此。
電腦程式碼元素
| # | |
| # <code> | ## 定義電腦程式碼文字|
| 定義電腦程式碼文字 |
HTML <kbd> 元素定義鍵盤輸入：
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML kbd 元素表示键盘输入：</p> <p><kbd>File | Open...</kbd></p> </body> </html>
程式運行結果：
你可以將上面程式碼中的<kbd>去掉，看看有什麼不一樣
HTML <samp> 元素定義電腦輸出：
##實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML samp 元素表示计算机输出示例：</p> <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> </body> </html>程式運行結果：
#HTML <code> 元素定義程式設計：
#<code> 元素不保留多餘的空格和折行：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 示例</p>
<code>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</code>
</body>
</html>程式運行結果：
code 範例
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
#HTML <pre> 元素
實例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 元素不保留多余的空格和折行：</p>
<p>如需解决该问题，您必须在 pre 元素中包围代码：</p>
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</pre>
</code>
</body>
</html>
程式執行結果：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>爱因斯坦的公式：</p> <p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p> </body> </html>#########程式運行結果：#####################下一節
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>爱因斯坦的公式：</p>
<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>
</body>
</html>
