kita sering mendengar istilah kutipan, biasanya kutipan ini digunakan saat kita menulis sebuah artikel atau sebuah karya ilmiah, dalam penulisan kutipan pada html ada dua buah tag yaitu tag <blockquote> dan tag <q>, nah pada tutorial kali ini kita akan belajar tentang Quotations atau kutipan.
berikut ini contoh dalam penulisan tag <blockquote> dalam HTML.
<!DOCTYPE html> <html> <head> <title>belajar quotetions html</title> </head> <body> <h2>cara membuat kutipan pada html</h2> <p>Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, <blockquote>menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII</blockquote> agar dapat menghasilkan tampilan wujud yang terintegerasi.</p> </body> </html>
dan berikut hasil dari kode di atas:
seperti pada hasil di atas bahwa teks yang menggunakan <blockquote> teks tersebut sedikit bergeser ke samping kanan pada awal dan akhir teks yang didalam tag <blockquote>.
jika tag <blockquote> untuk membuat kutipan panjang maka tag <q> untuk membuat kutipan pendek, dan tag <q> ini sifatnya inline, dia akan terus memanjang kesamping berbeda dengan <blockquote> yang sifatnya block yaitu kebawah, dan teks dengan tag <q> akan menyatu dengan teks disampingnya.
untuk hasil pada halaman browsernya tag teks dengan tag <q> akan ada diantara tanda kutip dua, berikut contoh penulisannya:
<!DOCTYPE html> <html> <head> <title>belajar quotetions html</title> </head> <body> <h2>cara membuat kutipan pada html</h2> <p><q>Hypertext Markup Language (HTML)</q> adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web,.</p> </body> </html>
dan berikut hasil dari kode di atas:
seperti yang terlihat di atas bahwa teks yang di dalam tag <q> akan terdapat tanda kutip dua pada awal dan akhir tag.
0 comments for "Belajar HTML Part 8: Cara Membuat Kutipan (Quotations) Pada HTML"
Post a Comment