Tag HTML <blockquote>

Definisi dan Penggunaan

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

Browser biasanya mengindent <blockquote> Elemen (lihat contoh di bawah untuk mengetahui bagaimana menghapus indentasi).

Keterangan Detil

<blockquote> Tag yang didefinisikan adalah kutipan block.<blockquote> Dengan </blockquote> Semua teks antara kedua garis ini akan dipisahkan dari teks biasa, seringkali disisihkan dengan indentasi (menambah marjin) di kedua sisi, dan kadang-kadang digunakan dengan italik. Artinya, kutipan block memiliki ruang mereka sendiri.

Petunjuk:Gunakan <q> Tag untuk kutipan dalam (pendek).

Juga lihat:

Panduan Referensi DOM HTML:Objek Blockquote

Contoh

Contoh 1

Bagian yang diutip dari sumber lain:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, Yayasan Alam Dunia (WWF) selalu melindungi masa depan alam.
Sebagai organisasi perlindungan dunia terkemuka, WWF bekerja di 100 negara dan mendapatkan dukungan dari 1,2 juta anggota Amerika Serikat dan hampir 5 juta orang di seluruh dunia.
</blockquote>

Coba sendiri

Contoh 2

Menggunakan CSS untuk menghilangkan indentasi elemen blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Ini adalah kutipan di situs web Yayasan Alam Dunia:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, Yayasan Alam Dunia (WWF) selalu melindungi masa depan alam.
Sebagai organisasi perlindungan dunia terkemuka, WWF bekerja di 100 negara dan mendapatkan dukungan dari 1,2 juta anggota Amerika Serikat dan hampir 5 juta orang di seluruh dunia.
</blockquote>
</body>
</html>

Coba sendiri

Atribut

Atribut Nilai Deskripsi
cite URL Menentukan sumber referensi yang direferensi.

Atribut global

<blockquote> Tanda ini juga mendukung Atribut global dalam HTML.

Atribut acara

<blockquote> Tanda ini juga mendukung Atribut acara dalam HTML.

Pengaturan CSS standar

Sebagian besar peramban akan menampilkan nilai standar berikut ini <blockquote> Elemen:

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

Coba sendiri

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan