Selain tag <pre> dan tag <code>, di dalam HTML masih terdapat beberapa tag yang berkaitan dengan hal teknis, yakni tag <samp>, tag <kbd>, dan tag <var>. Ketiga tag ini umumnya hanya ditemui dalam pembuatan konten web yang banyak melibatkan penulisan kode program. Ketiga tag ini lebih berfungsi kedalam pembuatan struktur HTML, dibandingkan tampilan.
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 Duniailkom</title> </head> <body> <h3>Saya sedang belajar HTML di Duniailkom.com</h3> <p>HTML adalah singkatan dari <samp>Hypertext Markup          Language</samp></p> </body> </html>
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 Duniailkom</title> </head> <body> <h3>Saya sedang belajar HTML di Duniailkom.com</h3> <p>Tekan tombol <kbd>SHIFT</kbd> untuk mengubah case. <p>Variabel <var>a</var> akan berisi nilai integer</p> </body> </html>
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.
Bung Andre, saya sedang kesulitan menampilkan teks utuh di halaman depan blog statis saya, teks-nya terpotong oleh "read more" .. bagaimana menghilangkan tulisan read more dan membuat teks-nya utuh?
Mohon penjelasan. Saya sudah browsing nyari di google, cara menghilangkan read more, tapi kode html-nya ndak ada yang sama dengan template yang saya gunakan. Terima kasih.
Kalau sudah di blog memang template-nya akan beda-beda mas. Menurut saya tulisan "readmore" itu adalah 'fitur' bawaan blognya. Untuk menghapus atau modifikasi ini memang lebih susah, karena kita harus paham seluruh kode template blogger, bagaimana cara kerjanya dan apa yang mesti dihapus.
Menurut saya sebaiknya tanya ke penyedia template-nya saja mas…
Trims atas penjelasannyanya.
mau nanya mas tag "" diatas fungsinya apa ya?
padahal " nya tidak ada.
tag "ul" untuk membuat list kan?
terima kasih sebelumnya.
Sepertinya saya lupa menghapusnya gan… tag "ul" disini berasal dari contoh kode program tutorial lainnya.. Terimakasih untuk koreksinya, langsung saya update :)
mas andre kegunaan tag tag tersebut sbnrnya buat apa yah?
soalny agak kurang mengerti tentang kegunaan masing2 tag hanya beberapa yg dapat saya cerna!
mohon penjelasannya
Hehe.. jawabannya bisa sangat panjang gan, silahkan ikuti tutorial belajar HTML di duniailkom ini dari yang pertama, nanti akan dijelaskan apa itu tag, kegunaan dan jenis2nya. Daftar lengkap tutorialnya bisa kesini: https://www.duniailkom.com/tutorial-belajar-html-dan-index-artikel-html/
mas saya mau nnya kalau mau beli buku nya dmna ya? trs dpt software nya juga gk mas buat instal aplikasi yang ada di buka
Untuk buku cetak saat ini hanya bisa dipesan online ke [email protected] (belum tersedia di toko2 buku seperti gramedia).
Nanti softwarenya cukup di download saja, tidak perlu CD khusus. Linknya sudah disertakan di dalam buku, berupa aplikasi Notepad++, Komodo Edit, dan XAMPP.
Kang Andre,yang var itu kenapa gk pake <i> aja bukannya sama..?
apa ada perbedaan antara <i> dan <var> tolong dijawab
Tag-tag HTML tidak bisa dilihat dari tampilan saja, tapi harus dari maknanya. Kalau sekedar membuat tampilan huruf miring, dengan CSS semua tag bisa dibuat miring. HTML lebih ke membuat struktur. Efek tampilan seperti huruf miring, huruf tebal, atau huruf besar itu hanya sekedar bonus, dan sangat mudah diubah pakai CSS.
Search engine seperti Google akan membaca tag2 HTML ini. Dia bisa membedakan apa maksudnya ketika sebuah tag berada di dalam <var>, <i> maupun <em>. Bisa jadi teks yang berada di dalam tag <var> akan bernilai lebih tinggi daripada teks yang ada di dalam tag <i>, karena tag <var> punya makna khusus.
Hal yang sama juga berlaku untuk tag2 lain, seperti <b> dan <strong> yang sama2 ditampilkan dengan huruf tebal tapi punya makna berbeda.
Pagi pak andre..
Saya mau tau cara atau tutorial membuat key board menggunakan kode html di notepad++