Deskripsi
Penjelasan HTML q (quote)

q menunjukkan sebuah quote yang dapat diartikan dengan kutipan.

HTML <q> element digunakan untuk merepresentasikan beberapa kutipan (konten frase) yang diambil dari sumber lain.

Tanda kutip (Quotation marks) tidak harus ditulis secara langsung di dalam element <q>, karena biasanya browser menambahkan style tanda kutip tersebut secara default.

Penggunaaan attribute cite didalam element <q> mungkin diperlukan ketika merujukkan sumber dari kutipan tersebut (untuk mereferensikan alamat URL dari konten/teks yang dikutip).

<q> element digunakan untuk kutipan pendek yang terletak didalam baris (inline), sedangkan untuk blok kutipan panjang menggunakan <blockquote> element.

Attributes
Atribut HTML Tag <q>

cite

Menentukkan sumber URL dari sebuah kutipan.


Global Attributes
Atribut Secara Global (Keseluruhan)

<q> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<q> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <q> element

Contoh 1
<p>Ibu guru mengatakan, <q>Tidak ada kata tua untuk belajar</q>. Saya setuju dengannya.</p>

Contoh 2

Contoh HTML <q> element dengan attribute cite.

Andrie Wongso mengatakan, <q cite="http://www.andriewongso.com/qotd/details/?id=145">Lompatanku memang tidak jauh... TAPI, Aku tidak pernah melangkah mundur!!!
</q>

Contoh 3

Contoh HTML <q> element dengan attribute cite dan element <cite> secara terpisah.

<p>Menurut Palang Merah Indonesia (PMI) di halaman <cite>Visi dan Misi</cite> menyebutkan, visi dari PMI adalah <q cite="http://www.pmi.or.id/index.php/tentang-kami/misi-dan-visi.html">PMI yang berkarakter, profesional, mandiri dan dicintai masyarakat</q>. Saya setuju.</p>

Contoh 4

Contoh HTML <q> element di dalam <q> element.

Dia bertanya, <q>Apa yang kamu katakan, jika Yudi bilang <q>Aku cinta kamu</q></q>

Contoh 5

Contoh menggunakan tanda petik manual, sebagai pengganti <q> element.

Anton menjadikan Imam 'jembatan' untuk meraih popularitas.

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <q>
Code Editor