Pengekodan komputer merujuk kepada cara komputer secara dalaman mewakili huruf atau nombor
Secara amnya, HTML menggunakan saiz huruf berubah-ubah, serta jarak huruf berubah-ubah.
Tetapi ini tidak diperlukan apabila menunjukkan contoh kod komputer.
Elemen Kod Komputer
| <🎜>Penerangan<🎜><🎜> | ||||||||||||
<code> | Tentukan teks kod komputer | ||||||||||||
<kbd> | Takrifkan teks papan kekunci | ||||||||||||
<samp> | Tentukan contoh kod komputer |
HTML <kbd> input papan kekunci definisi elemen:
Contoh
<!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>
Hasil jalankan program:
Anda boleh mengalih keluar <kbd> dalam kod di atas dan lihat apa perbezaannya
HTML <samp> output komputer definisi elemen:
Contoh
<!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>
Hasil jalankan program:
HTML <code> pengaturcaraan definisi elemen:
<kod> elemen tidak mengekalkan ruang tambahan dan pemisah baris:
<!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>
Keputusan menjalankan program:
contoh kod
var orang = { Nama pertama: "Bill", Nama akhir:"Gates", Umur:50, Warna mata: "biru" }
elemen HTML <pra>
Instance
<!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>
Hasil berjalan program:
Elemen HTML <var> mentakrifkan pembolehubah matematik:
Contoh
<!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>
Hasil pelaksanaan program: