Membuat Tulisan Bergaya Khusus pada HTML

Tag Q, Addres, Cite, BDO, KDB, Samp, Code, Var, dan Blockquote

Untuk postingan kali ini, saya akan memberikan beberapa cara untuk membuat Tulisan Khusus pada HTML. Biasanya, tulisan khusus ditunjukkan untuk memberitahukan atau menekankan pada suatu kalimat atau pun kata, sehingga orang yang membaca akan tertuju kebagian yang dimaksudkan. Bisa juga digunakan untuk membuat perbedaan dengan tulisan lainnya karena berbeda fungsi dan tujuannya. Baiklah beberapa cara membuat tulisan Khusus di dalam HTML berikut.

1. Tag Q
   
   Tag Q digunakan untuk menunjukan bahwa teks tersebut adalah kutipan garis pendek. Tag Q tidak memerlukan pemutusan Paragraf dan ditandai dengan adanya tanda petik dua diantara sebuah kalimat. Tag yang digunakan yaitu <q> dan ditutup dengan </q>.
   Contoh :
   Dia berkata <q>Ini adalah contoh Tag Q</q>
   
   Hasil :
   Dia berkata Ini adalah contoh Tag Q
2. Tag Addres
   
   Tag Address digunakan untuk menulis alamat, seperti ke pengarangan sebuah dokumen atau lebih tepatnya sebagai informasi kontak karena menyampaikan informasi semantik tambahan. Penggunaannya dengan Tag <address> dan </address>.
   Contoh :
   Alamat saya adalah <address>Jl. Abimanyu 6, Perumnas, Teluk Jambe Timur, Karawang</address>
   
   Hasil :
   Alamat saya adalah
   Jl. Abimanyu 6, Perumnas, Teluk Jambe Timur, Karawang
   
3. Tag Cite
   
   Tag Cite digunakan untuk mewakili referensi ke karya kreatif. Dalam hal ini, berarti harus menyertakan Judul karya atau referensi URL, yang mungkin dalam bentuk singkat sesuai dengan konversi yang digunakan untuk penambahan informasi tentang data kutipan.
   Contoh :
   Artikel ini ditulis oleh Firman dari <cite>blogspot</cite>
   
   Hasil :
   Artikel ini ditulis oleh Firman dari blogspot
   
4. Tag BDO
   
   BDO adalah singkatan Bi-Directional Override. Tag ini digunakan untuk mengganti arah teks (dir/direction). Ada dua arah untuk mengganti arah teks nya yaitu :
1. ltr (Left to Right)  untuk menunjukkan arah teks dari kiri ke kanan.
2. rtl (Right to Left) untuk menunjukkan arah teks dari kanan ke kiri
Contoh :

Ini adalah Teks Normal 
<bdo dir="rtl">Arah dari Kanan ke Kiri</bdo>  
<bdo dir="ltr">Arah dari Kiri ke Kanan</bdo>

Hasil :

Ini adalah Teks Normal  
Arah dari Kanan ke Kiri  
Arah dari Kiri ke Kanan

5. Tag KDB
   
   Tag KDB adalah Tag frasa. Tag ini mendefinisikan Input Keyboard. Penggunaannya dengan menggunakan tag <kdb> dan ditutup dengan </kdb>.
   Contoh :
   KDB mendefinisikan Input Keyboard
   <kdb>Gaya Teks ini Berbeda</kdb>
   
   Hasil :
   KBD mendefinisikan Input Keyboard
   Gaya Teks ini Berbeda
6. Tag Samp
   
   Tag Samp adalah tag untuk mendefinisikan output sampel dari program komputer. Biasanya ditampilkan dalam font monotype  Default Browser seperti Lucida Console.
   Contoh :
   Samp mendefinisikan Output Komputer
   <samp>Sampel Teks</samp>
   
   Hasil :
   Samp mendefinisikan Output Komputer
   Sampel Teks
   
7. Tag Code
   
   Tag Code adalah Tag frasa yang mendefinisikan kode komputer. Tag ini biasanya dipakai untuk menulis sebuah kode program didalam sebuah dokumen.
   Contoh :
   <code>
             var a=10;
             var b=30;
             var c=0;
             c=a+b
             alert(c);
   </code>
   
   Hasil :
var a=10;
var b=30;
var c=0;
c=a+b
alert(c);

   
8. Tag Var
   
   Tag Var adalah Tag frasa yang mendefinisikan Variabel. Variabel ini biasanya dalam ekspresi matematika atau konteks Pemrograman.
   Contoh :
   <var>(a+b)<sup>2</sup></var>=<var>a</var><sup>2</sup>+<var>b</var><sup>2</sup>+2<var>ab</var>

   Hasil :
   (a+b)²=a²+b²+2ab
   
9. Tag Blockquote
   
   Tag Blockquote digunakan untuk menentukan bagian yang di kutip dari sumber lain (quote). Tag ini menunjukan bahwa teks terlampir adalah  kutipan panjang yang biasanya ditampilkan secara visual dengan indentasi (menjorok kedalam dari sebuah paragraf).
   Contoh :
   Contoh blockquote
   <blockquote>Paragraf ini ditampilkan secara terpisah, karena berada didalam Tag blockquote. Sehingga ini akan ditampilkan dalam satu blok dengan menjorok kedalam dari sebuah Paragraf.</blockquote>
   
   Hasil :
   Contoh blockquote
   

   Paragraf ini ditampilkan secara terpisah, karena berada didalam Tag blockquote. Sehingga ini akan ditampilkan dalam satu blok dengan menjorok kedalam dari sebuah Paragraf.

Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.