HTML Quotation

Quotation didefinisikan sebagai cara untuk menuliskan teks yang dari sumber lain.

Kalau dalam jurnal atau menulis tesis, kita mengenal catatan kaki, mengutip pendapat, dll. Itu yang dinamakan quotation.

Di HTML ada banyak jenis quotation yang bisa kamu gunakan. Yaitu:

Tag	Keterangan
<blockquote>	Menulis quote dalam satu paragraf
<q>	Menulis kutipan singkat
<address>	Mendefinisikan alamat
<cite>	Menulis pekerjaan
<abbr>	Menuliskan akronim
<bdo>	Menuliskan direksi penulisan

HTML <blockquote>

Yang paling umum digunakan adalah <blockquote>, biasa digunakan para blogger untuk menulis kutipan, kata mutiara atau memblok paragraf yang penting.

Cara menggunakannya juga mudah, tinggal tulis paragrafnya diantara tag<blockquote> teks disini… </blockquote>.

<blockquote>
	Ini adalah contoh menggunakan syntax blockquote, biasanya ini saya gunakan ketika ingin menulis sebuah paragraf penting, kata mutiara atau yang lain.
</blockquote>

Hasilnya:

Ini adalah contoh menggunakan syntax blockquote, biasanya ini saya gunakan ketika ingin menulis sebuah paragraf penting, kata mutiara atau yang lain.

Kenapa punya saya tampilannya keren? Ya karena <blockquote> di blog ini udah diberi style css.

HTML <q>

Digunakan untuk membuat kutipan dalam paragraf. Misal:

Ini contoh dari <q>kutipan pendek</q> yang biasanya ada di dalam paragraf.

Hasilnya adalah:

Ini contoh dari “kutipan pendek” yang biasanya ada di dalam paragraf.

Teks akan otomatis ada tanda petiknya ” “.

HTML <address>

Digunakan untuk menulis informasi kontak dari penulis dari suatu halaman web atau dokumen.

Contoh:

<address>
	Ditulis oleh Yusron <br>
	Kontak <br>
	puntadewa.my.id<br>
	Jalan Magelang, Yogyakarta
</address>

Hasilnya:

Ditulis oleh Yusron
Kontak
puntadewa.my.id
Jalan Magelang, Yogyakarta

HTML <cite>

Untuk menuliskan nama pekerjaan seseorang. Misal:

Yusron adalah seorang <cite>Penulis</cite> di puntadewa.my.id

Hasil:

Yusron adalah seorang Penulis di puntadewa.my.id

HTML <abbr>

Digunakan untuk menulis akronim atau kepanjangan dari suatu istilah.

<p><abbr title="World Health Organization">WHO</abbr> menetapkan Corona sebagai pandemi Global</p>

Hasilnya:

WHO menetapkan Corona sebagai pandemi Global

HTML <bdo>

BDO singkatan dari bi-directional override. Digunakan untuk mengganti arah penulisan, misal dari kiri ke kanan.

<bdo dir="rtl">Tulisan ini akan ditampilkan dari arah karakter kanan ke kiri</bdo>

Hasilnya:

Tulisan ini akan ditampilkan dari arah karakter kanan ke kiri

Sekian cara menulis quote di HTML. Kalau dari segi tampilan sih sama aja, karena belum di style CSS.

Penggunaan ini penting untuk membantu browser mendefinisikan sebuah elemen.