HTML element tag <code> merupakan tag pada HTML yang digunakan untuk mendefinisikan kumpulan teks yang dilampirkan sebagai kode komputer. HTML element tag <code> memiliki tampilan berupa font monospace atau sejenisnya yang merupakan nilai default pada kode script komputer untuk membedakan konten biasa dengan konten berisi kode komputer.
Kode komputer merupakan kode script yang meliputi kode dari berbagai bahasa program ataupun non program yang dapat dikenali oleh komputer. Kode komputer misalnya HTML, XML, Javascript, PHP, ASP, CSS, C#, CPP dan lainnya.
Penulisan HTML element tag <code> ditulis dengan tag pembuka <code> dan ditutup dengan tag </code>. Element tag <code> memiliki tampilan pada halaman secara inline yang artinya tag ini tidak mempunyai line break sebelum dan sesudah elemen ini diciptakan.
Berikut ini contoh penggunaan tag <code> :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan HTML Element Tag CODE</title>
</head>
<body>
<h1>Latihan Menggunakan HTML Element Tag CODE</h1>
<p>
<code class="lang-html">
&lt;p&gt;Teks ini berada di sebuah elemen paragraf.&lt;/p&gt;
</code>
<code class="lang-css">
p {
font-family: Arial;
font-size: 14px;
color: #000000;
}
</code>
<code class="lang-php">
if(empty($judul)){
echo "Judul masih kosong, ulangi lagi";
die();
}
</code>
</p>
</body>
</html>
Element tag <code> tidak memiliki line break serta identasi (tabs) pada kumpulan kode teks tersebut. Ini artinya jika terdapat line break ataupun identasi pada kode script maka browser akan mengabaikannya. Jika anda ingin menyertakan line break serta indentasi, dapat menggunakan element tag <pre>.
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <code> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <code> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML
Event Attributes :
Tag <code> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar(onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.
Pengaturan Default CSS :
Nilai default pengaturan gaya untuk elemen <code> pada HTML:
CSS
1
2
3
4
Previous Pagecode{
display:inline;
font-family: monospace;
}
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
