Some text some message..
Some text some message..
Some text some message..
Some text some message..

Tag <code> Pada HTML

Previous Page

Tag <code> pada HTML merupakan tag yang digunakan untuk mendefinisikan kumpulan teks yang dilampirkan sebagai kode komputer. Tag <code> akan menghasilkan tampilan beruipa font monospace dan sejenisnya untuk membedakan konten biasa dengan konten berisi code komputer.

Kode komputer meliputi kode dari berbagai bahasa program ataupun non program yang dapat dikenali oleh komputer. Misalnya HTML, XML, Javascript, PHP, ASP, CSS, C#, CPP dan lainnya.

Tag <code> ditulis dengan <code> dan ditutup dengan </code>. Tag ini akan memberikan tampilan secara inline. Ini artinya tag ini tidak mempunyai line break sebelum dan sesudah elemen ini dibuat.

Berikut ini contoh menggunakan tag <code> pada HTML :

HTML

1.  <!DOCTYPE html>
2.  <html>
3.   <head>
4.   <meta charset="utf-8">
5.   <title>Demo tag code HTML</title>
6.   </head>
7.   <body>
8.   <p>Contoh menggunakan tag code pada HTML</p>
9.     <code class="lang-html">
10.    &lt;p>Teks ini berada di sebuah elemen paragraf.&lt;/p>
11.    </code>
12.    <code class="lang-css">
13.    p {
14.  font-family: Arial;
15.  font-size: 14px;
16.  color: #000000;
17.  }
18.    </code>
19.    <code class="lang-php">
20.    if(empty($judul)){
21.      echo "Judul masih kosong, ulangi lagi";
22.      die();
23.    }
24.    </code>
25. 
26.  </body>
27. </html>
28. 
tag code pada html

Tag <code> tidak akan mempertahankan line break dan juga identasi kumpulan teks tersebut. Ini artinya jika terdapat line break ataupun identasi akan diabaikan oleh browser. Jika anda menginginkan untuk mengikutsertakan line break dan juga indentasi, silahkan gunakan tag <pre>.

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<code>yayayayaya

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:

code{
display:inline;
font-family: monospace;
}

facebooktwittergoogle pluswhatapplinkedinpinterest

Previous Page

Daftar Isi HTML