Iklan bawah header

Belajar HTML Part 17 - Mengenal tag kbd, samp dan var di HTML

mengenal tag kbd, samp dan var

Sebelumnya kita sudah belajar mengenai cara merubah arah text di HTML, nah untuk tutorial kali ini kita masih membahas di bagian tag yang berhubungan dengan text di html, kita akan belajar mengenal tag <kbd>, <samp> dan <var>.

Ketiga tag tersebut biasa digunakan untuk menuliskan struktur text di html, dengan menggunakan tag tersebut kita dapat memperjelas struktur text yang kita tulis.

Tag <kbd> di HTML

Tag kbd (keyboard) digunakan untuk menampilkan inputan keyboard. Text yang menggunakan tag <kbd> akan ditampilkan dengan menggunakan jenis font monospace. Tag kbd juga merupakan jenis inline level element, yang artinya akan tetap mengikuti alur text yang sebelumnya dibuat.

Baiklah langsung saja kita buat contohnya seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML - mengenal tag kbd</title>
</head>
 
<body>
<h3>Contoh Tag KBD</h3>
<p>Untuk Memilih keseluruhan text di text editor silahkan tekan <kbd>tag kbd</kbd></p>
</body>
</html>

Simpan, dan jalankan skrip tersebut di browser.

tag kbd

Bisa kalian lihat untuk teks yang menggunakan tag <kbd>, teksnya terlihat berbeda dengan teks yang lain.

Tag <samp> di HTML

Tag samp (program sample) digunakan untuk menuliskan baris kode yang biasanya dilakukan di website yang berisikan tutorial, sama seperti tag <kbd> teks yang menggunakan tag <samp> ini menggunakan font monospace dan juga tag samp merupakan jenis inline level element.

Silahkan buat skrip seperti dibawah ini.

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML - mengenal tag samp</title>
</head>
 
<body>
<h3>Contoh Tag Samp</h3>
<p>CSS adalah singkatan dari <samp>Cascading Style Sheets</samp>, CSS ini lebih digunakan untuk mendesign dari website anda</p>
</body>
</html>

Silahkan simpan dan jalankan di browser.

tag samp

Tag <var> di HTML

Tag var (variable) digunakan untuk menampilkan sebuah variable, seperti variable program. Berbeda dari dua tag sebelumnya, teks yang menggunakan tag ini akan ditampilkan dengan huruf miring (italic). Tag var juga termasuk dalam jenis inline level element.

Baik langsung saja tuliskan codenya seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
 
<body>
<h3>Contoh Tag Var</h3>
<p>Anda Bisa Membuat variabel di Javascript dengan menggunakan code <var>var nama_variabel;</var></p>
</body>
</html>

Simpan dan jalankan codenya di browser.

tag var

Selanjutnya

Untuk tutorial HTML lainnya, silahkan cek di List tutorial HTML

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel