Pernah tidak teman-teman menemukan sebuah tampilan di sebuah website, ada beberapa kata tampilan websitenya menampilkan penulisan yang berbeda, seperti tampilan penulisan kode, tampilan kode yang dimaksud adalah gaya penulisannya itu seperti kita mengetik sebuah kode yang ada pada sebuah notepad, sudah ada bayangan ya, jadi selain teman-teman bisa menggunakan sebuah font dari google, di HTML 5 ini sudah ada tag yang bisa menghasilkan seperti itu. Apa saja itu kumpulan tag dengan hasil tampilan seperti tampilan kode. Jangan kemana-mana simak terus ya.

Jadi disini manfaat dari tag ini jika teman-teman tidak ingin repot-repot menggunakan sebuah bantuan font-family, jika hanya ingin menampilkan sebuah penulisan seperti tampilan kode, dan manfaat lainya dimana teman-teman mempunyai sebuah kumpulan kode-kode HTML, CSS, PHP dan lain-lain, ingin di tampilkan di halaman website, dan ingin menampilkan layakanya sebuah kode, teman-teman bisa menggunakan tag ini, jadi apa saja kumpulan tag dengan hasil tampilan seperti tampilan kode, disini saya mengambil revrensi dari w3schools, ada beberapa diantaranya:

  1. <kbd>
  2. <samp>
  3. <code>
  4. <var>

Cukup banyak ya teman-teman, dari semua itu hasil tampilan yang dihasilkan mirip-mirip cuma tag yang mana yang di gunakan lebih cocok jika ingin menampilkan yang rumus misal seperti itu, jadi seterah teman-teman ingin menggunakan yang mana, pergunakanlah yang tepat menurut teman-teman, oke disini saya akan menjabarkan satu-satu:

  1. <kbd>

Elemen HTML <kbd> mewakili input pengguna, seperti input keyboard atau perintah suara. Teks yang dikelilingi oleh tag <kbd> biasanya ditampilkan dalam font monospace default browser: Contohnya:

 

2. <samp>

Hampir mirip dengan tag <kbd>

Elemen HTML <samp> mewakili keluaran dari program atau sistem komputasi. Teks yang dikelilingi oleh tag <samp> biasanya ditampilkan di font monospace default browser:  Contohnya sama ya seperti <kbd>

3. <code>

Elemen HTML <code> mendefinisikan sebuah fragmen kode komputer. Teks yang dikelilingi oleh tag <code> biasanya ditampilkan di font default monospace browser: Contohnya:

4. <var>

Elemen HTML <var> mendefinisikan variabel.

Variabel dapat berupa variabel dalam ekspresi matematika atau variabel dalam konteks pemrograman, seperti yang saya tulis di atas, jika ingin menampilkan sebuah rumus tag var cocok digunakan.

Contohnya:

Bagaimana cukup jelas saya rasa, oke saya saya rasa cukup sampai disini dulu belajar kita tentang kumpulan tag dengan hasil tampilan seperti tampilan kode, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.