Dalam sebuah web terutama web dengan tema ilmu pengetahuan misalnya akan ditemui kutipan kutipan tertentu. Kutipan tersebut diambil dari sumber tertentu murni. Untuk itu perlu dilakukan penulisan khusus.
Dalam HTML penulisan kutipan atau quote ini ada dua jenis. Yang pertama untuk kutipan panjang dan kedua adalah kutipan pendek. Kutipan panjang akan berisi kutipan yang membuat baris sendiri dalam halaman konten. Sementara,, kutipan pendek akn menyatu dengan paragraf yang telah dibuat. Cara membuat quotes tersebut sebagai berikut.
Dalam HTML penulisan kutipan atau quote ini ada dua jenis. Yang pertama untuk kutipan panjang dan kedua adalah kutipan pendek. Kutipan panjang akan berisi kutipan yang membuat baris sendiri dalam halaman konten. Sementara,, kutipan pendek akn menyatu dengan paragraf yang telah dibuat. Cara membuat quotes tersebut sebagai berikut.
Penulisan Quotes yang panjang dalam HTML
Penulisan kutipan panjang biasanya akan membentuk paragraf sendiri. Terpisah dari paragraf yang lainnya. Untuk membuat quotes ini digunakn tag <blockquote> dan diakhiri dengan tag </blockquote>.
Manfaat penulisan quote ini biasanya juga dipergunakan untuk membuat testimoni. Pada tampilan HTML standar biasanya akan terlihat menjorok dari tepi halaman. Nantinya agar terlihat lebih indah di sisipkan CSS dalam penuliasn quotes ini.
Penulisan Quotes Pendek dalam HTML
Quotes pendek akan terlihat menyatu dengan paragraf. Biasanya ini ditandai dengan tanda kutip. Tag yang digunakan adalah <q> dan ditutup dengan tag </q>.
Quote ini biasa digunakan untuk kutipan yang berisi satu kalimat. Atau bisa juga berupa kalimat langsung. Sebagai contoh kedua quotes ini bisa dijalankan dan dilihat hasilnya pada kode HTML di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Membuat Quotes dalam HTML</title>
</head>
<body>
<h2> Ini adalah contoh penulisan Quotes</h2>
<p>Pemberian quote akan menandakan bahwasanya anda mengutip sesuatu.
Ini sangat penting bagi Artikel ilmiah agar pembaca tahu bahwasanya paragraf tersebut adalah kutipan ari smberlain
Begini contoh quotes yang panjang</p>
<blockquote>Pentingnya quotes akan membuat artikel
lebih ilmiah. Karena dengan demikian karena itu sebagai berikut
tiada bahkan tanpa arti semua tak dikenal artinya.
coba saja.</blockquote>
Pada paragraf ini ada quote dari mario teguh <q> Sahabat Indonesia yang Super</q>
itulah kata kata pak mario teguh. Walaupun ada gosip mario teguh
</body></html>
Jika diperhatikan bagian kode yang berwarna biru ditampilkan pada browser sebagaimana yang dikotak biru. Penulisan akan dijorokkan dari pinggir paragraf normal. Sementara bagian kode yang berwarna merah bisa dilihat pada yang dikotakkan merah. Secara otomatis quotes akan menyatu dengan paragraf. Quotes ditandai dengan tanda kutip secara otomatis meskipun pada penulisan awalnya tidak diberikan tanda kutip.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment