Format Text HTML Tutorial 12: Tag abbr, cite, dfn, dan small untuk Struktur Text HTML

0
16

Tag <abbr> untuk Penulisan Singkatan dalam HTML

Tag <abbr> adalah singkatan dari AbbreviationAbbreviation berarti singkatan dan sesuai dengan namanya, ditujukan untuk text yang berbentuk singkatan seperti ”NASA”, ”HTML”, atau ”HTTP”. Penggunaan tag ini biasanya juga menyertakan atribut titleAtribut title berfungsi untuk menampilkan kepanjangan dari singkatan yang ada pada 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 ada.

Berikut adalah contoh cara penulisan dan penggunaan tag <abbr> 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>
<abbr title="Hypertext Markup Language">HTML</abbr> 
adalah dasar dari semua halaman web di internet. 
Jika anda ingin mempelajari cara membuat website,
hal pertama yang harus dipelajari adalah HTML
</p>
 
</body>
</html>

tag abbr, gurukomputer.com, welovebet.com

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


Tag <cite> untuk Membuat Sumber Referensi

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

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

Berikut adalah contoh cara penulisan dan penggunaan tag <cite> 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 dasar dari semua halaman web di internet. 
Jika anda ingin mempelajari cara membuat website,
hal pertama yang harus dipelajari adalah HTML
</p>
<p>Referensi yang saya gunakan untuk tutorial ini adalah 
<cite>Learning Web Design</cite>,
dan <cite>HTML Ultimate Reference</cite>
</p>
 
</body>
</html>

tag cite html, gurukomputer.com, welovebet.com


Tag <dfn> Untuk Menandai Defenisi Kata

Tag <dfn> adalah singkatan dari Definition. Sesuai dengan namanya, tag ini digunakan untuk menandai defenisi dari suatu istilah. Karena istilah akan sering muncul dalam tulisan, biasanya hanya istilah yang muncul pertama kali saja yang diberi tag <dfn>.

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

Berikut adalah contoh cara penulisan dan penggunaan tag <dfn> 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 dasar dari semua halaman web di internet. 
Jika anda ingin mempelajari cara membuat website,
hal pertama yang harus dipelajari adalah HTML
</p>
<p>
<dfn>Web Browser</dfn> adalah 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 dfn, gurukomputer,com, welovebet.com


Tag <small> untuk Membuat Ukuran Huruf Kecil

Tag <small> digunakan untuk membuat ukuran huruf menjadi lebih kecil dibandingkan text lainnya. tag <small> seharusnya berstatus deprecated seperti saudaranya, tag <big>. Namun tag <small> mendapat defenisi ulang pada spesikasi HTML5, yakni Small Imprint.

Small Imprint dimaksudkan untuk text kecil diluar konten, seperti copyright atau legal notice. Jika anda menginginkan ukuran text yang kecil, namun bukan untuk small imprint, lebih baik menggunakan CSS.

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

Berikut adalah contoh cara penulisan dan penggunaan tag <small> 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 dasar dari semua halaman web di internet. 
Jika anda ingin mempelajari cara membuat website,
hal pertama yang harus dipelajari adalah HTML.
<small>Copyright Gurukomputer.com 2014</small>
<p>
</body>
 
</html>

tag small html, gurukomputer.com, welovebet.com

LEAVE A REPLY

Please enter your comment!
Please enter your name here