kod komputer HTML

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

     标签     描述
    <code>  定义计算机代码文本
    <kbd>  定义键盘文本
    <samp>  定义计算机代码示例
tag
    <var>  定义变量
    <pre>  定义预格式化文本
<🎜 >
<🎜>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:

0.png

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:

1.png


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:

6.png


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:

2.png


Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus