cloud-hosting-terbaik-indonesia

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

Posted on

Selain tag <pre> dan tag <code>, di pada HTML masih terdapat beberapa tag yang berkaitan dengan hal teknis, yakni tag <samp>, tag <kbd>, dan tag <var>. Ketiga tag ini umumnya hanya ditemui pada penyusunan konten web yang banyak melibatkan penulisan kode program. Ketiga tag ini lebih berfungsi kedalam penyusunan struktur HTML, diperbandingkan tampilan.


Tag <samp> bagi membangun Program Sampel

Tag <samp> yaitu kependekan dari Program Sampel. Tag ini diperuntukkan bagi contoh kode program. Web browser akan menampilkan text di pada 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 terdapat.

Berikut yaitu contoh cara penulisan dan pemakaian tag <samp> di pada HTML:


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

Tag <kbd> yaitu singkatan dari keyboard. Tag ini diperuntukkan bagi text yang berisi text inputan keyboard. Text yang berada di pada tag ini akan ditampilkan menggunakan font monospace.

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

Berikut yaitu contoh pemakaian tag <kbd> dan <var> di pada HTML:

 Ketiga tag yang kita bahas disini lebih diperuntukkan bagi membangun struktur halaman HTML. Struktur ini akan bermanfaat terutama apabila halaman web ditampilkan dengan web browser ‘khusus‘ seperti screen reader yang akan menyebutkan bagian tag tertentu seperti ketiga tag ini secara berbeda.


Sumber https://www.duniailkom.com/