Sampul-glosarium-B-nyekrip

Definisi dan Penggunaan

Elemen HTML blockquote merupakan sebuah mekanisme untuk menandai sebuah blok teks yang dikutip dari orang atau dokumen atau sumber lain. Mungkin hanya beberapa baris, atau mungkin berisi beberapa paragraf, kita juga bisa markah lagi teks dalam elemen ini menggunakan elemen p.

Menurut rekomendasi dari W3C menyatakan bahwa penulis web tidak harus mengetik tanda kutip dalam teks ketika mereka menggunakan blockquote, kita bisa mengatur tampilan blockquote dengan CSS .

Secara standar, browser akan membuat konten atau paragraf yang di-blockquote menjadi sedikit maju kearah kanan (perhatikan contoh gambar dibawah). Fitur ini banyak disalahgunakan untuk sekedar membuat indent teks sebagai cara untuk menarik perhatian pada sebuah paragraf atau bagian dari halaman, padahal sudah jelas bahwa elemen ini hanya digunakan untuk sebagai tanda untuk teks yang berupa sumber.

Kalau sekedar tampilan kita bisa mengaturnya dengan CSS, intinya jangan mengatur style dengan markah tapi perlakukan markah hanya sebagai penanda. Contohnya jika anda ingin agar tampilan paragraf sedikit maju kearah kanan, kita bisa mengaturnya dengan memberikan properti CSS margin-left.

Secara sederhana, penggunaan elemen blockquote diperlihatkan pada skrip dibawah ini:

Dukungan Browser

Elemen
<blockquote> Ya Ya Ya Ya Ya

Latihan Elemen HTML blockquote

Sebagai latihan membuat elemen HTML blockquote  mari kita membuat satu file halaman HTML dengan nama index.html, setelah kita membuat halaman web tersebut kita ketikkan skrip berikut.

Jika sudah selesai mengetik-kan skrip diatas, maka jalankan skrip tersebut dengan membuka-nya di browser kesayangan anda. Tampilan dari hasil running skrip seperti gambar dibawah ini.

contoh_blockquote_glosarium_html_nyekrip

Contoh Blockquote

Perhatikan gambar diatas, paragraf yang telah di markah akan sedikit maju ke-arah kanan.

Elemen HTML blockquote memiliki atribut:

  • cite : Atribut ini ditambahkan untuk menentukan sumber kutipan, value atau nilai dari atribut ini adalah url

Happy Nyekrip!

About The Author