Logo Komodo Koding /Koding

Menampilkan quote di HTML

Ada beberapa cara untuk menampikan Quote atau kutipan di HTML, bisa dengan tag blockquote atau tag q

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:

Koding tidak perlu pusing

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:

Dilansir dari situs koding: Koding tidak perlu pusing

Perbedaan tag q dan blockquote adalah:

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