Menampilkan quote di HTML

Sebuah tulisan bisa diselipkan dengan kutipan (quote). Di HTML, kutipan bisa ditampilkan dengan tag <blockquote> dan <q>

Cara menggunakan blockquote

Kutipan bisa diapit diantara tag pembuka dan penutup <quote> seperti ini:

<blockquote>
Koding tidak perlu pusing
</blockquote>

Yang menampilkan:

Perhatikan, secara otomatis blockquote ditampilkan dengan indentasi (jarak) seperti di atas.

Memberi informasi sumber dengan atribut cite

Pada tag blockquote, sumber informasi diletakkan pada atribut cite seperti ini

<blockquote cite="https://kodi.ng">
Koding tidak perlu pusing
</blockquote>

Tidak ada perubahan tampilan saat menggunakan atribut cite, ini hanya informasi tertulis saja.

Cara menggunakan tag q (quote)

Selain blockquote , ada cara lain menunjukkan sebuah kutipan, yaitu dengan tag <q>. Contohnya

<p>Dilansir dari situs koding: <q>Koding tidak perlu pusing</q></p>

Yang menampilkan:

Perbedaan tag q dan blockquote adalah:

• Tag q digunakan untuk kutipan pendek
• Tag blockquote untuk kutipan panjang
• Tag q , secara otomatis memberi tanda kutip