Cara Membuat Kutipan di dalam HTML (tag blockquote dan tag q) !



Dalam penulisan text, terutama artikel ilmiah, kita akan sering membuat kutipan yang berasal dari sumber-sumber referensi. Untuk penulisan kutipan, HTML memiliki 2 buah tag khusus, yakni tag <blockquote> dan tag <quote>.

Perbedaan tag blockquote dan tag q

Tag <blockquote> digunakan untuk bagian text yang merupakan kutipan panjang. Disebut kutipan panjang karena tag ini merupakan tipe block element, sehingga akan memisahkan diri dari text yang ada menjadi baris baru. Tag <blockquote> lebih cocok digunakan untuk memberikan penegasan penting untuk kutipan.

Tag <q> adalah versi inline dari tag <blockquote>. Tag ini digunakan untuk kutipan pendek yang akan ‘menyatu’ dengan text yang ada saat ini karena sifatnya yang termasuk tipe inline element. Didalam spesifikasi HTML, Web browser akan menampilkan text yang berada di dalam tag <q> berada didalam tanda kutip.

Untuk lebih lanjut lagi anda bisa melihat contoh penggunaan kedua tag di bawah ini.

Cara Menggunakan tag blockquote dan tag q

<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>

<body>
<h3>Cara Membuat Kutipan di dalam HTML (tag blockquote dan tag q)</h3>
<p>HTML atau Hypertext Markup Language adalah dasar dari semua
halaman web di internet.</p>
<p>Berikut adalah defenisi HTML dikutip dari Wikipedia: </p>
<blockquote>HTML or HyperText Markup Language is the standard
markup language used to create web pages.
HTML is written in the form of HTML elements consisting of tags
enclosed in angle brackets.</blockquote>
<p>RuangIlmu, <q>Belajar dari Masa Lalu maka hidupmu akan Lebih Baik</q>
</body>

</html>



Catatan :
  • secara default Web browser menampilkan tag <blockquote> sebagai paragraf baru dan dijorokkan (indent) beberapa pixel pada awal dan akhir text.
  • web browser akan menambahkan tanda kutip untuk tag <q>, walaupun kita tidak menuliskannya di dalam text.
Next
Previous
Click here for Comments

0 komentar:

Bijaklah saat Anda memberikan komentar atau kritik !!