HTML blockqoute tag

HTML Elemen <blockqoute> adalah tag yang digunakan untuk menunjukkan bahwa teks yang terlampir adalah garis besar kutipan yang diperluas indentasi secara visual.

1. html tag <blockqoute> contoh 1

<!DOCTYPE html>
<html>
<style>
body {font-family:monospace;}
blockquote {
  background: #eee; border-left: 8px solid #ccc; border-radius:8px;
  margin: 1.5em 10px; padding: 0.5em 10px;
  text-align:left; font-style:italic; font-size: 14px; font-family:monospace;
  }
b {font-size:18px;}
</style> 
<body>
<h2>Contoh: HTML Elemen &lt;blockquote> kutipan 1 </h2><hr>
  <blockquote cite="https://www.gramedia.com/literasi/peribahasa-bahasa-sunda">
		<b>Percaya Diri</b><br>
    Percaya diri merupakan salah satu aspek kepribadian yang sangat penting dalam kehidupan manusia. Percaya diri adalah yakin terhadap kemampuan dan penilaian diri sendiri dalam melakukan tugas dan memilih pendekatan yang efektif. Orang yang percaya diri yakin dengan kemampuan mereka sendiri, serta memiliki pengharapan yang realistis, bahkan ketika harapan mereka tidak terwujud, mereka tetap berpikiran positif dan dapat menerimanya.
  </blockquote>
</body>
</html>

Cicagak Berbagi

2. html tag <blockqoute> contoh 2

<!DOCTYPE html><html>
<style>
body {font-family:monospace;}
blockquote {
  background: #eee; border-left: 8px solid #ccc; border-radius:8px;
  margin: 1.5em 10px; padding: 0.5em 10px;
  text-align:left; font-style:italic; font-size: 16px; font-family:monospace;
  }
b {font-size:18px;}
</style> 
<body>
<h2>Contoh: HTML Elemen &lt;blockquote> kutipan 2 </h2><hr>
  <blockquote>
    <b>"Peribahasa cairicing pageuh kancing, saringset pageuh iket"</b> artinya siap siaga dan waspada dalam menghadapi marabahaya yang mampu tiba kapan saja. Hikmah dari peribahasa ini adalah supaya kita tetap hati-hati dan tidak lengah dala kondisi apapun.
    <footer>&#x2014; <cite>Paribasa Sunda</cite></footer>
  </blockquote>
</body>
</html>

Cicagak Berbagi

3. html tag <blockqoute> contoh 3

<!DOCTYPE html>
<html>
<style>
body {font-family:monospace;}
blockquote {
  background: #eee; border-left: 8px solid #ccc; border-radius:8px;
  margin: 1.5em 10px; padding: 0.5em 10px;
  text-align:left; font-style:normal; font-size: 16px; font-family:monospace;
  }
b {font-size:16px; font-style:italic;}
p {font-style:italic;}
footer {color:#B048B5;}
</style> 
<body>
<h2>Contoh: HTML Elemen &lt;blockquote> kutipan 3 </h2><hr>
  <blockquote>
    <b>Chairul Tanjung mengungkapkan:</b>
    <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>
</body>
</html>

Cicagak Berbagi