Press "Enter" to skip to content

Belajar HTML (05): Format Kutipan

Published in HTML, Tutorial and Web

Tulisan sebelumnya sudah menjelaskan tentang bagaimana memformat tulisan pada halaman web, pada tulisan ini kita masih bicara tentang format tulisan tetapi khusus untuk format kutipan. Di dalam sebuah kutipan juga bisa berisi format-format seperti tebal, miring dan sebagainya.

Ada beberapa bentuk kutipan pada halaman web -meski tidak semuanya untuk kutipan- yang akan kita bahas, silahkan nanti digunakan sesuai keperluan.

blockquote

Format kutipan ini adalah yang umum digunakan, secara default akan menghasilkan bentuk tulisan dengan margin kanan dan kiri yang lebih besar dari format tulisan normal (lebar bidang kutipan akan lebih kecil dari format tulisan).

Cara penulisan kode HTMLnya adalah dengan meletakkan kalimat kutipan di antara tanda <blockquote> dan </blockquote>.

Contohnya seperti ini.

<p>Wikipedia menyebutkan bahwa:</p>
<blockquote>HTML (Hyper Text Markup Language) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.</blockquote>

q

Tag kedua yang bisa digunakan untuk kutipan adalah q, yang merupakan bentuk kutipan singkat dan bisa diterapkan secara inline. Kalimat kutipan diletakkan di antara <q> dan </q> dan akan menghasilkan tampilan dengan tanda petik ganda.

Misalnya:

<p>HTML: <q>Hyper Text Markup Language</q></p>

Agar lebih jelas bagaimana perbedaan hasil antara blockquote dan q, silahkan ketik kode berikut dan jalankan, simpan dengan nama file 08-html-format-kutipan-blockquote-q.html.

<!DOCTYPE html>
<html>
<head>
   <title>Format Kutipan</title>
</head>
<body>
   <h1>Format Kutipan</h1>
   
   <h3>Contoh blockquote</h3>
   <p>Wikipedia menyebutkan bahwa:</p>
   <blockquote>HTML (Hyper Text Markup Language) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.</blockquote>
   
   <h3>Contoh q</h3>
   <p>HTML: <q>Hyper Text Markup Language</q></p>
</body>
</html>

Jadinya seperti gambar ini 😀

Tampilan file 08-html-format-blockquote-q.html

abbr

Tag abbr digunakan untuk mendefinisikan singkatan atau akronim. Tag ini juga penting untuk browser dan mesin pencari. Contoh penulisannya: <p><abbr title="Negara Kesatuan Republik Indonesia">NKRI</abbr> merdeka pada tahun 1945.</p>. Hasilnya adalah, tulisan NKRI akan diberi garis bawah putus-putus dan jika kursor diletakkan di atasnya akan menampilkan tulisan “Negara Kesatuan Republik Indonesia”.

address

Tag address digunakan untuk mendefiniisikan alamat kontak. Pada browser akan ditampilkan dalam bentuk cetak miring. Contoh penulisannya sebagai berikut.

<address>
   Dikirim oleh banghaji<br> 
   Kunjungi:<br>
   www.banghaji.com<br>
   Palangka Raya, Kalimantan Tengah<br>
   Indonesia
</address>

Selanjutnya →

Halaman : 1 2

One Comment

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *