Format Text HTML Tutorial 10: Penulisan Hal Teknis (tag samp, kbd, dan var)

0
17

Tag <samp> untuk membuat Program Sample

Tag <samp> adalah kependekan dari Program Sample. Tag ini diperuntukkan untuk contoh kode program. Web browser akan menampilkan text di dalam tag ini dengan font monospace, namun akan menghilangkan spasi. Tag ini akan ditampilkan mirip seperti tag <code>.

Tag <samp> termasuk kelompok inline level element, dan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag <samp> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Gurukomputer</title>
</head>
 
<body>
<h3>Saya sedang belajar HTML di Gurukomputer.com</h3>
<p>HTML adalah singkatan dari 
<samp>Hypertext Markup           Language</samp></p>
</body>
 
</html>

Tag samp HTML, gurukomputer.com, welovebet.com


Tag <kbd> untuk Penulisan Keyboard, dan tag <var> untuk Variabel

Tag <kbd> adalah singkatan dari keyboard. Tag ini diperuntukkan untuk text yang berisi text inputan keyboard. Text yang berada di dalam tag ini akan ditampilkan menggunakan font monospace.

Tag <var> adalah singkatan dari variabel. Tag ini diperuntukkan untuk text yang berisi variabel matematika atau variabel program. Text yang berada di dalam tag ini akan ditampilkan dengan baris miring (italic).

Berikut adalah contoh penggunaan tag <kbd> dan <var> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Gurukomputer</title>
</head>
 
<body>
<h3>Saya sedang belajar HTML di Gurukomputer.com</h3>
<p>Tekan tombol <kbd>SHIFT</kbd> untuk mengubah case.
<p>Variabel <var>a</var> akan berisi nilai integer</p>
</body>
 
</html>

Tag KBD HTML, gurukomputer.com, welovebet.com

Ketiga tag yang kita bahas disini lebih ditujukan untuk membuat struktur halaman HTML. Struktur ini akan berguna terutama jika halaman web ditampilkan dengan web browser ‘khusus‘ seperti screen reader yang akan menyebutkan bagian tag tertentu seperti ketiga tag ini secara berbeda.

LEAVE A REPLY

Please enter your comment!
Please enter your name here