HTML code tag | belajar <code> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML code tag. Tutorial dan panduan mengenai element <code>...</code> yang digunakan untuk memberi markup kode komputer. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <code>.

Deskripsi
Penjelasan HTML code

HTML <code> tag digunakan untuk menunjukkan sebuah bagian dari kode komputer (Computer code). Kode komputer mencakup sebuah nama element XML, nama sebuah file, program komputer, atau kode-kode lainnya yang dapat dikenali oleh komputer.

Dalam penggunaannya, disarankan memakai nama class yang menunjukkan bahasa dari kode komputer yang digunakan. Contohnya, jika menuliskan kode CSS, maka dapat menggunakan nama class seperti: "language-css", sehingga dapat ditulis: <code class="language-css">...</code>.

element code digunakan untuk memberi markup kode komputer secara inline (dalam baris), sedangkan untuk mem-blok kode (garis baru), element <code> dapat ditulis didalam element <pre> (Lihat Contoh 2).

Global Attributes
Atribut Secara Global (Keseluruhan)

<code> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event (Peristiwa)

<code> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <code> element

Contoh 1
HTML 
<p>Dalam HTML, untuk menulis paragraf, gunakan element <code>&lt;p&gt;</code>.</p>
Contoh 2

Penggunaaan HTML <code> dengan <pre> sebagai induk element

HTML 
<pre><code class="language-css">
p {
font-family: Arial;
font-size: 15px;
}
</code></pre>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo HTML code tag</title>
  </head>
  <body>
    <h2>Contoh 1: Contoh HTML <code>code</code> element</h2>
    <p>Dalam HTML, untuk menulis paragraf, gunakan element <code>&lt;p&gt;</code>.</p>
    <hr>
    <h2>Contoh 2: Menulis blok kode CSS</h2>
    <pre><code class="language-css">
    p {
      font-family: Arial;
      font-size: 15px;
    }
    </code></pre>
  </body>
</html>
SHARE
Previous Article Next Article