Deskripsi
Penjelasan HTML blockquote

HTML blockquote element digunakan untuk menunjukkan sebuah konten yang dikutip dari sumber lain.

Jika kutipan bersumber dari alamat web (URL), maka URL harus ditulis pada attribute cite di dalam element blockquote, sedangkan keterangan yang menunjukkan sumber kutipan tersebut ditulis pada element <cite>.

blockquote element biasanya memiliki style teks dengan indentasi yang agak merapat ke dalam.

  Tips!

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

Untuk merubah tampilan indentasi, dapat menggunakan CSS Margin property.

Attributes
Atribut HTML Tag <blockquote>

cite

Menentukkan sebuah URL yang menunjukkan sumber dokumen atau teks yang dikutip.


Global Attributes
Atribut Secara Global (Keseluruhan)

<blockquote> 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)

<blockquote> 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 <blockquote> element

Contoh 1
<blockquote cite="http://id.wikipedia.org/wiki/Blog">
Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.
</blockquote>
Contoh 2

Dengan Tambahan <footer> element

<blockquote>
  <p>Janganlah hidup dalam kenangan, karena kenangan itu tentang masa lalu.</p>
  <p>Hiduplah dalam pekerjaan yang disemangati oleh impian, karena impianmu adalah gambaran tentang keindahan masa depanmu.</p>
  <footer>— <cite>Mario Teguh</cite></footer>
</blockquote>
Contoh 3

Dengan Menggunakan Microdata syntax

<blockquote>
  <p>Chairul Tanjung mengungkapkan:</p>
  <p>"Bagi saya, Ibu adalah segalanya."</p>
  <p>"Bila kita benar-benar berbakti kepada Ibu sepenuh hati dan ikhlas, maka surga akan kita gapai di dunia."</p>
  <footer itemscope itemtype="http://schema.org/Book">
    Buku: <span itemprop="name">Chairul Tanjung Si Anak Singkong</span> <br />
    Penulis: <span itemprop="author">Tjahja Gunawan Diredja</span> <br />
    Penerbit: <span itemprop="publisher">Kompas</span> <br />
    Tanggal Terbit: <span itemprop="datePublished">July, 2012</span>
  </footer>
</blockquote>

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <blockquote>
Code Editor