Belajar Markdown - Blockquote

Belajar Markdown - Blockquote

November 12, 2022
Markdown - Blockquote

Dalam sebuah artikel website baik itu Forum, Blog dan yang lainnya, ada salah satu tag HTML yang membuat suatu tulisan atau kelimat lebih mencolok atau biasa digunakan untuk menulisan tulisan-tulisan seorang terkenal (Quotes). Tulisan tersebut akan terlihat berbeda tampilannya dengan yang lain supaya lebih ditekankan kepada semua pembaca website tersebut.

Contoh blockquote seperti ini :

Jika orang lain menghina Anda, Anda mungkin melupakan penghinaan itu; tapi jika Anda menghina orang lain, Anda akan selalu mengingatnya. *Kahlil Gibran.

Dalam sebuah HTML penulisannya seperti ini :

<blockquote>Jika orang lain menghina Anda, Anda mungkin melupakan penghinaan itu; tapi jika Anda menghina orang lain, Anda akan selalu mengingatnya. *Kahlil Gibran.</blockquote>

Berbeda dengan Markdown, penulisan Blockquote ini sangat simple dan teman-teman hanya perlu menambahkan satu tanda lebih besar > sebelum kata atau tulisan yang ini kalian tanda sebagai Blockquote.

Penulisan Blockquote

> Jika orang lain menghina Anda, Anda mungkin melupakan penghinaan itu; tapi jika Anda menghina orang lain, Anda akan selalu mengingatnya. *Kahlil Gibran.

Maka output yang nanti akan ditampilkan akan sama seperti contoh diatas.

* Markdown Html
Blockquote > <blockquote>

Tambahan

Untuk tampilan blockquote akan berbeda untuk setiap website karena bisa diatur atau disesuaikan tampilannya menggunakan CSS.

Contoh pada HTML, tag Blockquote bisa diberikan syntax berikut :

/* contoh css blockquote */

blockquote {
    border-left: 3px solid #000000;
    padding: 10px;
    font-size: 16px;
    color: #575757;
    text-align:left
}

Terima kasih dan semoga bermanfaat.


Join our subscriber list to get the latest news, updates and special offers sent straight to your mailbox.