HTML blockqoute: Tag Elemen

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>
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>
  <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>
Salin Kode . Lihat Hasil

2. html tag <blockqoute> contoh 2
<!DOCTYPE html>
<html>
<style>
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>
  <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>
Salin Kode . Lihat Hasil

3. html tag <blockqoute> contoh 3
<!DOCTYPE html>
<html>
<style>
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>
  <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>
Salin Kode . Lihat Hasil

Link 1


Link 2


Link 3


...


Komentar

Posting Komentar