Cara Membuat Quotes di HTML 5

Cara Membuat Quotes di HTML 5

lebakcyber.net – Pada kesempatan tutorial belajar HTML 5 kali ini kita akan mencoba cara membuat quotes di HTML 5. Quotes di HTML 5 biasanya digunakan untuk membuat kutipan pada website. Untuk membuatnya kalian harus menggunakan tag q untuk membuat kutipan sederhana. Sekarang silahkan lihat contoh dibawah ini :

Contoh quote sederhana Ayah berkata :
<q>Jangan tidur terlalu malam</q>

Hasilnya akan seperti pada contoh dibawah ini :

Contoh quote sederhana

Ayah berkata : Jangan tidur terlalu malam

Tag Blockquote di HTML 5

Tag blockquote di HTML 5 biasanya digunakan untuk mendefinisikan kutipan dalam konten yang lebih besar. Jadi jika kalian memiliki kutipan yang panjang sebaiknya gunakan tag blockquote. Contohnya seperti berikut ini :

<blockquote> Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </blockquote>

Nanti hasilnya akan seperti contoh dibawah ini :

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Itulah contoh sederhan bagaimana cara membuat quotes di HTML 5, semoga tutorial sederhana ini dapat membantu kalian yang baru belajar mengenai HTML 5.

Jangan lupa untuk selalu mengunjungi lebakcyber.net untuk mendapatkan tutorial belajar HTML 5 dan juga mengenai tips dan trik komputer lainnya. Sampai jumpa di tutorial selanjutnya ya.