Tag HTML <blockquote>


Contoh

Bagian yang dikutip dari sumber lain:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

Lebih banyak contoh "Coba Sendiri" di bawah ini.


Definisi dan Penggunaan

Tag <blockquote>menentukan bagian yang dikutip dari sumber lain.

Browser biasanya membuat indentasi <blockquote>elemen (lihat contoh di bawah untuk melihat cara menghilangkan indentasi).


Tips dan Catatan

Tip: Gunakan <q>untuk kutipan sebaris (pendek).


Dukungan Peramban

Element
<blockquote> Yes Yes Yes Yes Yes

Atribut

Attribute Value Description
cite URL Specifies the source of the quotation

Atribut Global

Tag <blockquote>juga mendukung Atribut Global dalam HTML .


Atribut Acara

Tag <blockquote>juga mendukung Atribut Peristiwa dalam HTML .



Lebih Banyak Contoh

Contoh

Gunakan CSS untuk menghapus lekukan dari elemen blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>

<p>Here is a quote from WWF's website:</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

</body>
</html>

Halaman Terkait

Referensi DOM HTML: Objek Blockquote


Pengaturan CSS Default

Sebagian besar browser akan menampilkan <blockquote>elemen dengan nilai default berikut:

Contoh

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}