Elemen Kode Komputer HTML

Elemen Kode Komputer
<code>
Var x = 5;
Var y = 6;
Document.getElementById ("demo"). InnerHTML = x + y;
</code>

Pemformatan Kode Komputer HTML

HTML biasanya menggunakan ukuran huruf dan spasi variabel.

Ini tidak diinginkan saat menampilkan contoh kode komputer.

Elemen <kbd>, <samp>, dan <code> semuanya mendukung ukuran dan jarak surat tetap.
HTML <kbd> Untuk Input Keyboard

Elemen HTML <kbd> mendefinisikan masukan keyboard:
Contoh
<kbd> File | Buka ... </ kbd>

Hasil:
File | Buka...

HTML <samp> Untuk Output Komputer

Elemen HTML <samp> mendefinisikan keluaran sampel dari program komputer:
Contoh
<samp>
Demo.example.com login: 12 Apr 09:10:17
Linux 2.6.10-grsec + gg3 + e + fhs6b + nfs + gr0501 +++ p3 + c4a + gr2b-reslog-v6.189
</ Samp>

Hasil:
Demo.example.com login: 12 Apr 09:10:17 Linux 2.6.10-grsec + gg3 + e + fhs6b + nfs + gr0501 +++ p3 + c4a + gr2b-reslog-v6.189

HTML <code> untuk kode komputer

Elemen HTML <code> mendefinisikan sepotong kode pemrograman:
Contoh
<code>
Var x = 5;
Var y = 6;
Document.getElementById ("demo"). InnerHTML = x + y;
</code>

Hasil:
Var x = 5; Var y = 6; Document.getElementById ("demo"). InnerHTML = x + y;

Perhatikan bahwa elemen <code> tidak melestarikan spasi ekstra dan jeda baris.

Untuk mengatasinya, Anda dapat menempatkan elemen <code> di dalam elemen <pre>:
Contoh
<pre>
<code>
Var x = 5;
Var y = 6;
Document.getElementById ("demo"). InnerHTML = x + y;
</code>
</pre>

Hasil:

Var x = 5;
Var y = 6;
Document.getElementById ("demo"). InnerHTML = x + y;

HTML <var> Untuk Variabel

Elemen HTML <var> mendefinisikan sebuah variabel.

Variabel ini bisa berupa variabel dalam ekspresi matematis atau variabel dalam konteks pemrograman:
Contoh
Einstein menulis: <var> E </ var> = <var> m </ var> <var> c </ var> <sup> 2 </ sup>.

Hasil:
Einstein menulis: E = mc2.

Elemen Kode Komputer HTML
Deskripsi Tag
<code> Mendefinisikan kode pemrograman
<kbd> Mendefinisikan masukan keyboard
<samp> Mendefinisikan output komputer
<var> Mendefinisikan sebuah variabel
<pre> Mendefinisikan teks terformat

Share :

Tweet

✚

Related Post