Mengenal Tag abbr, cite, dfn, dan small pada Struktur Text HTML

belajar HTML dan CSS untuk pemula

Tutorial ini khusus diciptakan untuk mendiskusikan tag-tag Text HTML yang tidak saya masukkan dalam tutorial tersendiri. Tag yang akan kita bahas dalam tutorial ini merupakan tag <abbr>, tag <cite>, tag <dfn>, dan tag <small>. Keempat tag ini dapat dipakai untuk membuat struktur dan format Text di dalam HTML.

Tag <abbr>

Tag <abbr> ialah singkatan dari Abbreviation. Abbreviation berarti singkatan dan sesuai dengan namanya, diperuntukkan bagi text yang berbentuk singkatan seperti ”NASA”, ”HTML”, atau ”HTTP”. Pemakaian tag ini pada umumnya juga menyertakan atribut title. Atribut title berguna untuk menampilkan kepanjangan dari singkatan yang ada di tag <abbr>. Isi dari artibut title cuma ditampilkan saat mouse berada diatas tag <abbr>.

Tag <abbr> termasuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <abbr> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>
<abbr title="Hypertext Markup Language">HTML</abbr> 
ialah dasar dari segala halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
hal pertama yang perlu dipelajari ialah HTML
</p>
</body>
</html>

Hasil dari tag <abbr> tak akan ditampilkan berbeda di dalam web browser, dan penggunaannya lebih kepada struktur text HTML.

Selain memakai tag <abbr>, HTML versi 4.01 mempunyai tag <acronym> dengan tampilan dan tujuan yang sama (termasuk atribut title), tetapi HTML5 mengatakan tag <acronym> deprecated, yang berarti dianjurkan agar tidak dipakai, dan kemungkinan tak akan didukung web browser. Kamu barangkali masih akan mendapatkan tag ini terutama dalam website lama.

Tag <cite>

Tag <cite> ialah singkatan dari Citation. Citation ialah sebutan untuk referensi. Di dalam membuat konten web, pada umumnya referensi ini dapat berupa buku atau alamat dari web lain. Web browser biasanya akan menampilkan tag <cite> dengan garis miring atau italic.

Tag <cite> termasuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <cite> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>
HTML ialah dasar dari segala halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
hal pertama yang perlu dipelajari ialah HTML
</p>
<p>Referensi yang saya pakai untuk tutorial ini merupakan 
<cite>Learning Web Design</cite>,
dan <cite>HTML Ultimate Reference</cite>
</p>
</body>
</html>

Tag <dfn>

Tag <dfn> ialah singkatan dari Definition. Sesuai dengan namanya, tag ini dipakai untuk menandai defenisi dari suatu istilah. Sebab istilah akan selalu muncul dalam tulisan, pada umumnya cuma istilah yang timbul pertama kali saja yang diberi tag <dfn>.

Kebanyakan web browser akan menampilkan tag <dfn> dengan huruf miring atau italic. Tag <dfn> masuk dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <dfn> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>
HTML ialah dasar dari segala halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
hal pertama yang perlu dipelajari ialah HTML
</p>
<p>
<dfn>Web Browser</dfn> ialah sebuah software aplikasi 
untuk menerima, menampilkan, dan menerjemahkan informasi 
dari world wide web (wikipedia).
Dan salah satu informasi itu dibuat dalam format HTML.
</p>
</p>
</body>
</html>

Tag <small>

Tag <small> dipakai untuk membuat ukuran huruf jadi lebih kecil dibandingkan text lainnya. tag <small> semestinya berstatus deprecated seperti saudaranya, tag <big>. Tetapi tag <small> mendapat defenisi ulang pada spesikasi HTML5, yaitu Small Imprint.

Small Imprint dimaksudkan untuk text kecil diluar konten, seperti copyright atau legal notice. Bila kamu berkeinginan ukuran text yang kecil, tetapi bukan untuk small imprint, lebih bagus memakai CSS.

Tag <small> masuk dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <small> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>
HTML ialah dasar dari segala halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
hal pertama yang perlu dipelajari ialah HTML.
<small>Copyright infanthree.com 2018</small>
<p>
</body>
</html>
Tag <small> mempunyai pasangan tag <big>, tetapi tag <big> dinyatakan deprecated di dalam HTML5, yang berarti dianjurkan agar tidak dipakai, dan kemungkinan tak akan didukung web browser. Kamu barangkali masing mendapatkan tag ini terutama dalam website lama.

Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *