Tutorial Text HTML Part 7: Cara Membuat Kutipan di dalam HTML (tag blockquote dan tag q)

Dalam penulisan text, terutama artikel ilmiah, kita akan sering membuat kutipan yang berasal dari sumber-sumber referensi. Untuk penulisan kutipan, HTML memiliki 2 buah tag khusus, yakni tag <blockquote> dan tag <quote>. Pada tutorial Text HTML kali ini kita akan membahas Cara Membuat Kutipan di dalam HTML

Tag <blockquote> Untuk Membuat Kutipan Panjang HTML

Tag <blockquote> digunakan untuk bagian text yang merupakan kutipan panjang. Disebut kutipan panjang karena tag ini merupakan tipe block element, sehingga akan memisahkan diri dari text yang ada menjadi baris baru. Tag <blockquote> lebih cocok digunakan untuk memberikan penegasan penting untuk kutipan.

Selain untuk kutipan, sering juga tag ini digunakan untuk penulisan testimoni.
Berikut adalah contoh cara penulisan dan penggunaan tag <blockquote> di dalam HTML:

Seperti yang terlihat, secara default Web browser menampilkan tag <blockquote> sebagai paragraf baru dan dijorokkan (indent) beberapa pixel pada awal dan akhir text.


Didalam spesifikasi HTML, Web browser akan menampilkan text yang berada di dalam tag <q> berada didalam tanda kutip.
Berikut adalah contoh cara penulisan dan penggunaan tag <q> di dalam HTML:

.




















Seperti yang terlihat, web browser akan menambahkan tanda kutip untuk tag <q>, walaupun kita tidak menuliskannya di dalam text.

Tutorial HTML Lanjutan

 

• Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan code)
• Tutorial Text HTML Part 9: Cara Untuk Merubah Arah Text dalam HTML (tag bdo)
• Tutorial Text HTML Part 10: Tag Untuk Penulisan Hal Teknis (tag samp, kbd, var)
• Tutorial Text HTML Part 11: Cara Menampilkan Karakter Khusus HTML
• Tutorial Text HTML Part 12: Tag abbr, cite, dfn, dan small untuk Struktur Text HTML
• Tutorial Text HTML Part 13: Tag-tag Deprecated untuk Struktur Text dalam HTML