Ads by Yasya El Hakim
Tutorial Lengkap HTML: Computercode pada HTML - Bagian 27

Elemen <kbd> Untuk Input Keyboard

Elemen <kbd> dapat kalian gunakan untuk menampilkan input dari user seperti keyboard atau perintah suara.

Teks yang berada diantara tag <kbd> dapat ditampilkan pada Browser biasanya dengan menggunakan font monospace.

Contoh

<p>Tekan tombol <kbd>Ctrl + S</kbd> pada keyboard untuk menyimpan dokumen.</p> 

Hasilnya akan seperti berikut:

Tekan tombol Ctrl + S pada keyboard untuk menyimpan dokumen.

Elemen <samp> Untuk Output Program

Elemen <samp> dapat kalian gunakan untuk menampilkan input dari suatu program atau system.

Teks yang berada diantara tag <samp> dapat ditampilkan pada Browser biasanya dengan menggunakan font monospace.

Contoh

<p>Jika nilai dari input salah, maka program akan <samp>Error!</samp></p> 

Hasilnya akan seperti berikut:

Jika nilai dari input salah, maka program akan Error!

Elemen <code> Untuk Computer Code

Elemen <code> dapat kalian gunakan untuk menampilkan teks berupa kode.

Teks yang berada diantara tag <code> dapat ditampilkan pada Browser biasanya dengan menggunakan font monospace.

Contoh

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

Hasilnya akan seperti berikut:

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

Perhatikan bahwa elemen <code> tidak menampilkan baris baru (Whitespace) atau line-break.

Untuk mengatasinya, kalian dapat meletakkan elemen <code> didalam elemen <pre>.

Contoh

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

Hasilnya akan seperti berikut:


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

Elemen <var> Untuk Input Keyboard

Elemen <var> dapat kalian gunakan untuk menampilkan suatu variable.

Variabel pada HTML dapat berupa variabel dari expresi matematika atau variable dari konteks pemrograman.

Contoh

Rumus Albert Einstein: <var>E</var> = <var>mc</var><sup>2</sup>. 

Hasilnya akan seperti berikut:

Rumus Albert Einstein: E = mc2.

Elemen Computercode

  • <code> - Untuk menentukan kode pemrograman.
  • <kbd> - Untuk menentukan input pada keyboard.
  • <samp> - Untuk menentukan output komputer.
  • <var> - Untuk menentukan variabel.
  • <pre> - Untuk menentukan teks preformat.

Kalian dapat melihat daftar lengkap tentang tag pada HTML pada bagian selanjutnya.

Sebelumnya: Tutorial Lengkap HTML: Responsive pada HTML - Bagian 26
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3school.com/

0Komentar

Sebelumnya Selanjutnya