Cara Membuat Kutipan (Quotes) pada HTML

A. Pendahuluan :

Terdapat 2 jenis dalam membuat kutipan (Quote) pada HTML yaitu Blockquote yang merupakan kutipan yang diletakkan dalam blok tersendiri sedangkan Inlinequote merupakan kutipan yang terletak dalam suatu paragraf. Untuk membuat blockquote dengan tag < blockquote cite="url" > dan diakhiri dengan < /blockquote >. Sedangkan untuk membuat inlinequote dengan tag < q > dan diakhiri dengan < /q>.

B. Script Code

<!DOCTYPE> <html> <head> <title> Kutipan </title> <h1 style ="text-align:center;"><u> Cara Membuat Kutipan (Quotes) pada HTML </u></h1> </head> <body> <h1>Tentang HTML 5</h1> <p> HTML merupakan bahasa markup untuk membangun halaman web. Terdapat perbedaan antara HTML5 dengan HTML4. Jika ingin mengetahui perbedaannya bisa dilihat pada web w3school. </p> <blockquote cite="https://www.w3schools.com/html/html5_intro.asp"> w3school adalah salah satu halaman web yang membantu programer pemula </blockquote> <p> HTML akan menjamin konsistensi dalam penulisan tag dan akan sangat <q>kompatibel apabila diintegrasikan dengan CSS</q>. </p> </body> </html>

C. Hasil Preview

Tentang HTML 5

HTML merupakan bahasa markup untuk membangun halaman web. Terdapat perbedaan antara HTML5 dengan HTML4. Jika ingin mengetahui perbedaannya bisa dilihat pada web w3school.

w3school adalah salah satu halaman web yang membantu programer pemula

HTML akan menjamin konsistensi dalam penulisan tag dan akan sangat kompatibel apabila diintegrasikan dengan CSS.

D. Kesimpulan :

Dari Script dan hasil di atas dapat diketahui bahwa hasil tampilan penulisan blockquote membuat kalimatnya lebih menjorok ke dalam seperti paragraf. Sedangkan hasil tampilan inlinequote menampilkan tanda petik pada bagian yang di beri tag inline quote.