Cara Membuat Kutipan di dalam HTML

belajar HTML dan CSS untuk pemula

Pada penulisan text, terutama artikel ilmiah, kita akan selalu membuat kutipan yang asalnya dari sumber-sumber referensi. Untuk penulisan kutipan, HTML mempunyai 2 buah tag khusus, yaitu tag <blockquote> dan tag <quote>. Pada tutorial Text HTML saat ini kita akan mengulas Cara Membuat Kutipan di dalam HTML.

Tag <blockquote>

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

Selain untuk kutipan, biasa juga tag ini dipakai untuk penulisan testimoni.

Berikut ialah contoh cara penulisan dan pemakaian tag <blockquote> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>HTML atau Hypertext Markup Language ialah dasar dari seluruh 
halaman web di internet.</p>
<p>Berikut ialah defenisi HTML dilansir 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>
</body>
</html>

Seperti yang tampak, secara default Web browser menampilkan tag <blockquote> sebagai paragraf baru dan dijorokkan (indent) beberapa pixel di awal dan akhir text.

Tag <q>

Tag <q> ialah versi inline dari tag <blockquote>. Tag ini dipakai untuk kutipan pendek yang akan ‘menyatu’ dengan text yang ada sekarang ini sebab sifatnya yang tergolong tipe inline element.

Didalam spesifikasi HTML, Web browser akan menampilkan text yang ada di dalam tag <q> berada didalam tanda kutip.

Berikut ialah contoh cara penulisan dan pemakaian tag <q> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>Andi berkata, <q>Jadilah diri kamu sendiri</q>
</body>
</html>

Seperti yang tampak, web browser akan menambahkan tanda kutip untuk tag <q>, meskipun kita tidak menuliskannya di dalam text.

Demikianlah Tutorial Cara Membuat Kutipan di dalam HTML dengan menggunakan tag <blockquote> dan tag <quote>. Silahkan share jika kamu rasa bermanfaat


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *