Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

Membuat Quote atau Kutipan dengan HTML

Membuat Quote atau Kutipan dengan HTML - Seperti yang saya singgung di postingan-postingan sebelumnya, bahwa semua tag html mempunyai arti tersendiri dan akan memberikan dampak bagi browser dan search engine. Jika kita bisa menerapkan setiap tag html dengan tepat maka otomatis akan membantu optimasi SEO blog kita.

Kali ini Sinahu Coding akan berbagi tentang cara membuat quote dengan html. Ada dua jenis quote, short quotation (kutipan pendek) dan long quotation (kutipan panjang). Tag html yang digunakan untuk dua jenis quote tersebut juga berbeda. Untuk short quotation ditulis dengan <q>, sedang long quotation ditulis <blockquote>.

Contoh Short Quotation :


<!DOCTYPE html>
<html>
<body>

<q>Sekarang atau tidak sama sekali.</q>

</body>
</html>

Maka hasilnya :

Sekarang atau tidak sama sekali.

Sedangkan untuk Long Quotation contohnya sebagai berikut :


<!DOCTYPE html>
<html>
<body>

<blockquote>
Lihatlah. ini adalah contoh long quote alias kutipan panjang. Terlihat teks nya lebih menjorok dan rapat. Kamu bisa menggunakannya untuk menuliskan kutipan yang kamu ambil. Gampang sekali bukan?  
</blockquote>

</body>
</html>
Maka hasilnya :
Lihatlah. ini adalah contoh long quote alias kutipan panjang. Terlihat teks nya lebih menjorok dan rapat. Kamu bisa menggunakannya untuk menuliskan kutipan yang kamu ambil. Gampang sekali bukan?

Sangat simpel dan mudah bukan? Sekian, semoga bermanfaat dan sampai jumpa di Sinahu Coding berikutnya.



2 Komentar untuk "Membuat Quote atau Kutipan dengan HTML"

Antara kode yang di cantumkan dan hasil tidak sama mas, kalau kode yang dicantumkan seperti itu tidak mungkin bisa membuat hasil seperti itu kalau tidak di beri style. :)

itu sudah sinkron mas antara kode yg ditampilkan dengan hasil, tidak ada style apapun.

Terimakasih utk tanggapannya.

Back To Top