Tutorial HTML/CSS 15 : Quote HTML, Memberikan Quote atau Citation pada HTML

Last Updated on October 30, 2021 by

Seri tutorial HTML/CSS sebelumnya di Codekey, telah membahas tentang kode matematika HTML. Kali ini, Codekey akan membahas tentang quote HTML. Tag <blockquote> di HTML digunakan untuk menampilkan kutipan panjang (bagian yang dikutip dari sumber lain). Ini mengubah perataan untuk membuatnya unik dari yang lain.

Ini berisi tag pembuka dan penutup. Dalam tag blockquote, kita dapat menggunakan elemen seperti heading, list, paragraf, dan lain-lain. Jika Anda tertarik untuk tahu tentang quote HTML, pastikan Anda menyimak artikel ini sampai habis.

Citation dan Quote HTML

Citation dan Quote adalah bagian penting dari penulisan konten di situs web Anda. Untuk menandai bagian teks yang sitasi atau dikutip.  Tag <blockquote> di HTML4.1 mendefinisikan kutipan panjang, yaitu kutipan yang menjangkau beberapa baris. Namun di HTML5, tag <blockquote> menentukan bagian yang dikutip dari sumber lain. Berikut ini kami sajikan elemen HTML yang spesifik untuk melakukan sitasi dan pengutipan.

1. <q>

Elemen ini digunakan untuk pengutipan (quotation) untuk mendefinisikan kutipan sebaris.

2. <blockquote>

Elemen ini digunakan untuk pengutipan untuk mendefinisikan kutipan tingkat blok.

3. <cite>

Elemen ini digunakan untuk melakukan sitasi dan pengutipan untuk mendefinisikan judul yang dikutip dan disitasi dari suatu karya.

Saat belajar menulis kode kutipan HTML, pemula sering kali bingung tentang perbedaan antara kutipan dan kutipan. Sebenarnya sangat sederhana. Kutipan menggunakan kata-kata persis dari penulisnya, dan kutipan mengungkapkan gagasan mereka dengan kata-kata yang berbeda.

HTML Quote Code dan Elemen yang Digunakan

Kutipan yang ingin Anda masukkan ke dalam teks Anda harus disisipkan di dalam tag <q>. Mereka mengelilingi kutipan sebaris dalam tanda kutip HTML secara otomatis:

<q>Ada gula ada semut</q> - dimana ada kesenangan, disitu pasti ada keramaian

Elemen HTML <blockquote> memisahkan kutipan dengan cara yang berbeda: ini ditampilkan sebagai elemen blok dengan lekukan:

<p>Ini teks normal<blockquote>teks menggunakan blockquotes dan berakhir di bagian ini</blockquote> dan ini adalah teks yang kembali menjadi normal</p>

Elemen HTML <cite> menentukan judul karya yang Anda kutip atau kutip. Konten dari tag berikut tidak memiliki tanda kutip HTML dan biasanya ditampilkan dalam huruf miring:

<cite>The Hobbit</cite> Oleh J. R. R. Tolkien

Elemen HTML <q> dapat disarangkan. Perhatikan tempat HTML tanda kutip tunggal di sekitar elemen bersarang (nested):

Mega berkata sambil mengangkat pundak :<q>saya tidak tahu kalau rian ada dirumah<q>mungkin rian sedang membeli sesuatu di toko </q></q>

Demikianlah penjelasan tentang quote HTML. Mempelajari quote atau blockquote HTML ini sangat berguna untuk dipelajari karena dapat berguna dalam penataan, karena membantu memecah aliran halaman web Anda dan membaginya menjadi beberapa bagian. Anda juga dapat menggunakan blockquote HTML untuk menekankan kutipan atau testimonial.

Jika Anda tertarik untuk belajar HTML, Anda dapat membaca dan mempelajari seri tutorial HTML di situs Codekey. Situs codekey juga menyediakan berbagai pembahasan, materi, tutorial, tips, dan trik untuk Anda belajar berbagai bahasa pemrograman selain HTML. Pastikan Anda mendapatkan update terbaru dari situs codekey.