Tag HTML <code>

Definisi dan penggunaan

<code> Tanda digunakan untuk menentukan potongan kode komputer, dimana kontennya ditampilkan dengan font lebar standar browser.

Pemberitahuan:Tanda ini belum dihapus. Tetapi, efek yang lebih kaya dapat dicapai dengan menggunakan CSS (lihat contoh di bawah ini).

Lihat juga:

Tanda Deskripsi
<samp> Tentukan output contoh program komputer.
<kbd> Tentukan masukan papan ketik.
<var> Tentukan variabel.
<pre> Tentukan teks yang diformati sebelumnya.

Lihat juga:

Pelajaran HTML:Format Teks HTML

Panduan Referensi HTML DOM:Objek Code

Contoh

Contoh 1

Tentukan beberapa teks sebagai kode komputer dalam dokumen:

<p>Tanda <code>button</code> HTML mendefinisikan tombol yang dapat diklik.</p>
<p>Properti <code>background-color</code> CSS menentukan warna latar elemen.</p>

Coba Sendiri

Contoh 2

Gunakan CSS untuk menata gaya elemen <code>:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>Tanda <code>button</code> HTML mendefinisikan tombol yang dapat diklik.</p>
<p>Properti <code>background-color</code> CSS menentukan warna latar elemen.</p>
</body>
</html>

Coba Sendiri

Atribut Global

<code> Tanda ini juga mendukung Atribut Global di HTML.

Atribut Acara

<code> Tanda ini juga mendukung Atribut Acara di HTML.

Pengaturan CSS Default

Sebagian besar peramban akan menampilkan nilai default berikut: <code> Elemen:

code {
  font-family: monospace;
}

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan