Elemen Kode Komputer HTML


HTML berisi beberapa elemen untuk mendefinisikan input pengguna dan kode komputer.


Elemen <kbd> HTML Untuk Input Keyboard

Elemen <kbd> HTML digunakan untuk menentukan input keyboard. Konten di dalamnya ditampilkan dalam font monospace default browser.


Contoh:

Menentukan beberapa teks sebagai input keyboard dalam dokumen.

<p>Simpan dokumen dengan menekan tombol <kbd>Ctrl + S</kbd></p>

Hasil:

Simpan dokumen dengan menekan tombol Ctrl + S


Elemen <samp> HTML Untuk Output Program

Elemen <samp> HTML digunakan untuk menentukan keluaran sampel dari program komputer. Konten di dalamnya ditampilkan dalam font monospace default browser.


Contoh:

Menentukan beberapa teks sebagai output sampel dari program komputer dalam dokumen. 

<p>Pesan dari komputer saya:</p>
<p><samp>File tidak ditemukan.<br>Tekan F1 untuk melanjutkan</samp></p>

Hasil:

Pesan dari komputer saya:

File tidak ditemukan.

Tekan F1 untuk melanjutkan


Elemen <code> HTML Untuk Kode Komputer

Elemen <code> HTML digunakan untuk mendefinisikan sepotong kode komputer. Konten di dalamnya ditampilkan dalam font monospace default browser.


Contoh

Menentukan beberapa teks sebagai kode komputer dalam dokumen.

<code>
x = 5;
y = 6;
z = x + y;
</code>

Hasil:

x = 5; y = 6; z = x + y;

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

Untuk memperbaikinya, Anda dapat meletakkan <code>elemen di dalam <pre>elemen.


Contoh:

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Hasil:

x = 5;
y = 6;
z = x + y;

Elemen <var> HTML Untuk Variabel

Elemen <var> HTML digunakan untuk mendefinisikan variabel dalam pemrograman atau ekspresi matematika. Konten di dalamnya biasanya ditampilkan dalam huruf miring.


Contoh:

Menentukan beberapa teks sebagai variabel dalam dokumen.

<p>Area dari segitiga adalah: 1/2 x <var>b</var> x <var>h</var>,
dimana <var>b</var> adalah dasarnya, dan <var>h</var> adalah 
ketinggian vertikal.</p>

Hasil:

Area dari segitiga adalah: 1/2 x b x h, dimana b adalah dasarnya, dan h adalah ketinggian vertikal.


Ringkasan

  • Elemen <kbd> mendefinisikan elemen Keyboard
  • Elemen <samp> mendefinisikan contoh output dari program komputer
  • Elemen <code> mendefinisikan sepotong kode komputer
  • Elemen <var> mendefinisikan variabel dalam pemrograman atau ekspresi matematika
  • Elemen <pre> mendefinisikan teks terformat

Sumber referensi: w3schools

Komentar

Posting Komentar