Tag HTML Untuk Penulisan Code Komputer – Tag samp, kbd, dan var

Sebelumnya kita sudah mempelajari tentang berbagai tag untuk memasukkan code kedalam html, seperti tag <pre>, tag <sup> dan lainnya.
Selain tag yang sudah pernah kita pelajari sebelumnya, ada tag lagi yang dikhususkan untuk menampilkan kode program komputer kedalam html yaitu Tag samp, kbd, dan var. Apa saja fungsinya cekidot.

Tag <samp> membuat Program Sample

Sesuai namanya tag samp adalah difungsikan untuk membuat contoh program (sample).
Contoh code yang ditampilkan mirip dengan tag <code> yang sudah kita pelajari sebelumnya.
Untuk lebih jelasnya saya akan membuatkan contohnya.

Contoh tag <samp>

<!DOCTYPE html>
<html>
<body>
<p>Ini contoh tag samp,contoh output dari program computer</p>
<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
</body>
</html>

Dari contoh ini kita bisa pihat bahwa tag <samp> akan menampilkan text seperti pada program komputer. Tampilan seperti ini biasanya sering kita lihat dalam terminal komputer.

Tag <kbd> Penulisan Keyboard

Kbd adalah singkatan dari keyboard, tag ini berfungsi untuk text inputan keyboard.
Contoh tag <kbd>

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Duniailkom</title>
</head>
<body>
<h3>belajar html mudah di phpdanmysql.com</h3>
<p>Tekan tombol <kbd>ENTER</kbd> untuk pindah baris baru.
</body>
</html>

Selain tag ini ada juga tag var tang akan kita bahas dibawah ini.

Tag <var> untuk membuat Variabel

Tag var diambil dari tulisan variabel. Dengan begitu sudah pasti tag ini digunakan untuk tag yang berisi variabel baik matematis atau lainnya.
Contoh tag var

<!DOCTYPE html>
<html>
<body>
<p>Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.</p>
</body>
</html>

Dari contoh diatas saya menggabungkan tag <var> dengan tag <sup>.
Tag var akan membuat text menjadi miring, dan tag sup akan membuat text menjadi sedikit ke atas.
Dari keriga tag ini memiliki fungsi masing-masing, dengan tag ini kita bisa membuat contoh dari code program komputer seperti tampilan di komputer.

Ada Komentar?

×