Tag Untuk Hasil Kode Komputer

Tag HTML berikut digunakan untuk menandai elemen-elemen kode komputer dan menampilkannya dengan format yang sesuai:

1. <code>

• Digunakan untuk menandai fragmen kode dalam sebuah teks.

• Biasanya digunakan untuk menandai kode yang pendek atau inline.

• Contoh:

  <p>This is an example of <code>inline code</code> within a paragraph.</p>

2. <kbd>

• Menandai teks yang mewakili input dari keyboard pengguna.

• Biasanya digunakan untuk menandai tombol keyboard atau kombinasi tombol.

• Contoh:

  <p>To save the file, press <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>

3. <samp>

• Digunakan untuk menandai contoh dari output dari program atau skrip.

• Biasanya digunakan untuk menampilkan hasil dari kode.

• Contoh:

  <p>The output of the program is <samp>Hello, world!</samp>.</p>

4. <tt>

• Tag ini sudah dihapus dari spesifikasi HTML5, namun masih bisa digunakan untuk tujuan tertentu.

• Digunakan untuk menandai teks sebagai teks monospace (fixed-width).

• Contoh:

  <p><tt>This is monospaced text.</tt></p>

5. <var>

• Digunakan untuk menandai variabel dalam konteks matematika atau pemrograman.

• Contoh:

  <p>The value of <var>x</var> is 5.</p>

6. <pre>

• Digunakan untuk menandai teks yang harus dipertahankan persis seperti yang ditulis dalam elemen teks, termasuk spasi, baris baru, dan pengaturan lainnya.

• Biasanya digunakan untuk menampilkan kode atau teks yang membutuhkan format khusus.

• Contoh:

  <pre>
    function helloWorld() {
        console.log('Hello, world!');
    }
  </pre>

Dengan menggunakan tag-tag ini, Anda dapat dengan jelas menandai dan membedakan elemen-elemen kode dalam dokumen HTML Anda.