Penggunaan tag blockquote dan tag q untuk Membuat Kutipan di dalam HTML

tag blockquote dan tag q

Penggunaan tag blockquote dan tag q untuk Membuat Kutipan di dalam HTML
Dalam pembuatan conten orang biasa seribg mengambil referensi dari tulisan atau buku lain. Html menyediakan tag untuk membuat kutipan yaitu tag <blockquote> dan tag <quote>.
Pada tutorial ini kita akan membahas kedua tag ini untuk membuat blockquote dan juga quote, apa saja bedanya?

Tag <blockquote> Membuat Kutipan Panjang

Menurut referensi dari w3schools.com tag blockquote ini digunakan untuk membuat kutipan yang panjang. Tag blockquote ini jenis dari tipe block level element sehingga jika kita aplikasikan akan membuat baris baru, berpisah dengan text yang lain.
Saya biasanya memakai Tag <blockquote> untuk kutipan yang panjang dan perlu terlihat oleh pembaca.

Contoh tag <blockquote>

<!DOCTYPE html>
<html>
<body>
<p>Browsers usually indent blockquote elements.</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
</body>
</html>

Seperti yang terlihat pada contoh di atas bahwa text tag <blockquote> akan ditampilkan agak lebih kedalam dari text lainnya. Jadi tag blockquote ini akan membuat baris baru yang tampilannya lebih kedalam.

Tag <q> Untuk Membuat Kutipan

Jika tag blockquote digunakan untuk kutipan yang panjang maka tag <q> ini kebalikannya.
Tag <q> digunakan untuk membuat kutipan pendek, text dalam tag q tidak akan berpindah ke baris baru karena tag ini tag yang type inline element.
Text yang didalam tag q akan ditampilkan dalam tanda kutip dua (“).
Contoh tag <q>

<!DOCTYPE html>
<html>
<head>
<title>phpdanmysql.com</title>
</head>
<body>
<p>orang bijak berkata, <q>kalau mau terlihat ganteng bergaulah dengan orang jelex ????</q>
</body>
</html>

Dari contoh diatas terlihat kutipan pendek dari orang bijak. Dan otomatis text dalam tag q akan ada tanda kutip dua nya.
Cukup mudah bukan untuk membuat kutipan di dalam HTML.
Ada yang masih belum mengert?

Ada Komentar?

×