HTML 電腦程式碼
電腦編碼指電腦內(nèi)部代表字母或數(shù)字的方式
通常，HTML 使用可變的字母尺寸，以及可變的字母間距。
但顯示電腦程式碼範(fàn)例時(shí)，並不需要如此。
電腦程式碼元素
| #? ? ? | |
| #? ??<code> | ##??定義電腦程式碼文字|
| ??定義電腦程式碼文字 |
HTML <kbd> 元素定義鍵盤(pán)輸入??：
實(shí)例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML kbd 元素表示鍵盤(pán)輸入：</p> <p><kbd>File | Open...</kbd></p> </body> </html>
程式運(yùn)行結(jié)果：
你可以將上面程式碼中的<kbd>去掉，看看有什麼不一樣
HTML <samp> 元素定義電腦輸出：
##實(shí)例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>HTML samp 元素表示計(jì)算機(jī)輸出示例：</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>程式運(yùn)行結(jié)果：
#HTML <code> 元素定義程式設(shè)計(jì)：
#<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>程式運(yùn)行結(jié)果：
code 範(fàn)例
? ?var person = { ? ?firstName:"Bill", ? ?lastName:"Gates", ? ?age:50, ? ?eyeColor:"blue" }?
#HTML <pre> 元素
實(shí)例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 元素不保留多余的空格和折行：</p>
<p>如需解決該問(wèn)題，您必須在 pre 元素中包圍代碼：</p>
<code>
<pre>
var person = {
firstName:"Bill",
lastName:"Gates",
age:50,
eyeColor:"blue"
}
</pre>
</code>
</body>
</html>
程式執(zhí)行結(jié)果：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> <p>愛(ài)因斯坦的公式：</p> <p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p> </body> </html>#########程式運(yùn)行結(jié)果：#####################
