Panduan kali ini khusus dikerjakan bagi membahas tag-tag Text HTML yang tak saya masukkan pada panduan tersendiri. Tag yang akan kita bahas pada panduan ini yakni tag <abbr>, tag <cite>, tag <dfn>, dan tag <small>. Keempat tag ini dapat digunakan bagi merancang struktur dan format Text di pada HTML.
Tag <abbr> bagi Penulisan Singkatan pada HTML
Tag <abbr> yakni singkatan dari Abbreviation. Abbreviation berarti singkatan dan sesuai dengan namanya, diperuntukkan bagi text yang berbentuk singkatan seperti ”NASA”, ”HTML”, atau ”HTTP”. Pemakaian tag ini biasanya pun menyertakan atribut title. Atribut title berfungsi bagi menampilkan kepanjangan dari singkatan yang terdapat di tag <abbr>. Isi dari artibut title hanya ditampilkan ketika mouse berada diatas tag <abbr>.
Tag <abbr> termasuk kedalam tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut yakni contoh cara penulisan dan pemakaian tag <abbr> di pada HTML:
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p><br/><abbr title=Panduan Text HTML Part 12: Tag abbr, cite, dfn, dan small bagi Struktur Text HTML>HTML</abbr> <br/>yakni basic dari seluruh halaman web di internet. <br/>Jikalau sahabat ingin mempelajari cara merancang situs,<br/>hal pertama-tama yang mesti dipelajari yakni HTML<br/></p><br/><br/></body><br/></html> |
Hasil dari tag <abbr> tak akan ditampilkan berbeda di pada web browser, dan penggunaannya lebih kepada struktur text HTML.
Tag <cite> bagi Merancang Sumber Referensi
Tag <cite> yakni singkatan dari Citation. Citation yakni sebutan bagi referensi. Di pada merancang konten web, biasanya referensi ini dapat berupa buku atau tempat tinggal dari web lain. Web browser di umumnya akan menampilkan tag <cite> dengan garis miring atau italic.
Tag <cite> termasuk kedalam tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut yakni contoh cara penulisan dan pemakaian tag <cite> di pada HTML:
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p><br/>HTML yakni basic dari seluruh halaman web di internet. <br/>Jikalau sahabat ingin mempelajari cara merancang situs,<br/>hal pertama-tama yang mesti dipelajari yakni HTML<br/></p><br/><p>Referensi yang saya gunakan bagi panduan ini yakni <br/><cite>Learning Web Design</cite>,<br/>dan <cite>HTML Ultimate Reference</cite><br/></p><br/><br/></body><br/></html> |
Tag <dfn> Bagi Menandai Defenisi Kata
Tag <dfn> yakni singkatan dari Definition. Sesuai dengan namanya, tag ini digunakan bagi menandai defenisi dari suatu istilah. Karena istilah akan sering muncul pada tulisan, biasanya hanya istilah yang muncul pertama-tama kali saja yang diberi tag <dfn>.
Beberapa besar web browser akan menampilkan tag <dfn> dengan huruf miring atau italic. Tag <dfn> masuk ke pada tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut yakni contoh cara penulisan dan pemakaian tag <dfn> di pada HTML:
1 2 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p><br/>HTML yakni basic dari seluruh halaman web di internet. <br/>Jikalau sahabat ingin mempelajari ca ra merancang situs,<br/>hal pertama-tama yang mesti dipelajari yakni HTML<br/></p><br/><p><br/><dfn>Web Browser</dfn> yakni sebuah sistem aplikasi program <br/>bagi menerima, menampilkan, dan menerjemahkan informasi <br/>dari world wide web (wikipedia).<br/>Dan diantara informasi itu dikerjakan pada format HTML.<br/></p><br/></p><br/></body><br/><br/></html> |
Tag <small> bagi Merancang Ukuran Huruf Kecil
Tag <small> digunakan bagi merancang ukuran huruf menjadi lebih kecil dibandingi text lainnya. tag <small> seharusnya berstatus deprecated seperti saudaranya, tag <big>. Namun tag <small> mendapat defenisi ulang di spesikasi HTML5, yakni Small Imprint.
Small Imprint dimaksudkan bagi text kecil diluar konten, seperti copyright atau legal notice. Jikalau sahabat menginginkan ukuran text yang kecil, namun bukan bagi small imprint, lebih bagus menggunakan CSS.
Tag <small> masuk ke pada tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut yakni contoh cara penulisan dan pemakaian tag <small> di pada HTML:
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p><br/>HTML yakni basic dari seluruh halaman web di internet. <br/>Jikalau sahabat ingin mempelajari cara merancang situs,<br/>hal pertama-tama yang mesti dipelajari yakni HTML.<br/><small>Copyright duniailkom.com 2014</small><br/><p><br/></body><br/><br/></html> |
Sumber https://www.duniailkom.com/