Home » HTML » Elemen Computercode HTML

Elemen Computercode HTML

by Catur Kurnia Sari
by Catur Kurnia Sari

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

Contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Computer Code</h2>
<p> kode programming:</p>

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

</body>
</html>

Elemen HTML <kbd>

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

Contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Elemen kbd</h2>

<p>Elemen kbd digunakan untuk menentukan input keyboard:</p>

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

</body>
</html>

Elemen HTML <samp>

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

Contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Elemen samp </h2>

<p>Elemen samp pada HTML digunakan untuk menentukan output sampel dari program komputer.</p>

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

</body>
</html>

Elemen HTML <code>

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

Contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Elemen code </h2>
<p>Contoh Kode Programming:</p>

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

</body>
</html>

Perhatikan bahwa elemen <code> tidak menganggap spasi dan jeda baris (enter).

untuk memperbaikinya, kita dapat meletakkan elemen <code> di dalam elemen <pre>.

Contoh :

<!DOCTYPE html>
<html>
<body>

<p>Elemen code tidak menganggap spasi  dan jeda baris (enter).</p>
<p>untuk memperbaikinya, kita dapat meletakkan elemen code di dalam elemen pre</p>

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

</body>
</html>

Elemen HTML <var>

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

Contoh :

<!DOCTYPE html>
<html>
<body>

<h2> Elemen var </h2>

<p>Luas sebuah segitiga adalah: 1/2 x <var>b</var> x <var>h</var>, dimana <var>b</var> adalah alas, dan <var>h</var> adalah tingginya.</p>

</body>
</html>

Ringkasan Bab

  • Elemen <kbd> digunakan untuk menentukan input keyboard
  • Elemen <samp> ini digunakan untuk menentukan output sampel dari program komputer
  • Elemen <code> tersebut digunakan untuk mendefinisikan potongan kode komputer
  • Elemen <var> digunakan untuk mendefinisikan variabel dalam pemrograman atau ekspresi matematika
  • Elemen <pre> digunakan untuk mendefinisikan teks yang telah diformat sebelumnya

Elemen Computercode HTML

TagDeskripsi
<kbd>Mendifinisikan input keyboard
<samp>Mendefinisikan output kode komputer
<code>Mendefinisikan kode program
<var>Mendefinisikan variabel
<pre>Mendefinisiakn teks yang telah diformat sebelumnya

Sekian penejelasan tentang Computercode pada HTML, semoga bermanfaat.

You may also like