tRikSonic
Tema

HTML blockquote Tag

Terakhir diperbarui : 24 Mei 2018 - 23.23
HTML blockquote Tag - belajar html <blockquote>, html <blockquote> mempunyai definisi Teks dengan kutipan yang berasal dari sumber lain. Elemet <blockquote> digunakan untuk mengutip sebuah teks dengan kutipan yang panjang, dan berasal dari sumber lain.
background html
Dalam pengunaan html <blockquote> jika diperlukan bisa disisipkan attribut cite sebagai reverensi dari mana sumber kontent yang di kutip tersebut.

Perbedaan <blockquote> pada html 4.01 dengan html5 :

  • Pada html 4.01 blockquote mendefinisikan sebuah kutipan panjang.
  • Pada html5 blockquote mendefinisikan bagian yang dikutip dari sumber lain.
Tips :
Jika ingin melakukan kutipan pendek atau inline gunakan element <q>.

Contoh html element <blockquote> :

<blockquote>
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<blockquote>
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>

</body>
</html>

Attributes :

Attibute Value Deskripsi
cite URLMenentukan sumber yang dikutip

Contoh :

<blockquote cite="https://id.wikipedia.org/wiki/HTML5">
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<blockquote cite="https://id.wikipedia.org/wiki/HTML5">
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
</blockquote>

</body>
</html>

Global Attributes:

Element <blockquote> mencakup Global Attributes HTML.

Event Attributes:

Element <blockquote> mencakup Event Attributes HTML.

Browser Support :

Desktop

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox AndroidYa
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

Default CSS :

Browser yang support dengan element <blockquote>, biasanya mempunyai nilai default :
blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.