Belajar HTML : Format Kutipan (5) - Suka Code
Belajar HTML : Format Kutipan (5) - 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 :
<p>Belajar HTML</p>
<blockquote>Belajar HTML Bersama Suka Code</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.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Bersama Suka Code</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.
abbr
Tag abbr digunakan untuk mendefinisikan singkatan atau akronim. Tag ini juga penting untuk browser dan mesin pencari. Contoh penulisannya: <p><abbr title="Belajar Dasar">HTML</abbr>Bersama Suka Code</p>. Hasilnya adalah, tulisan HTML akan diberi garis bawah putus-putus dan jika kursor diletakkan di atasnya akan menampilkan tulisan “Belajar Dasar Bersama Suka Code”.
address
Tag address digunakan untuk mendefiniisikan alamat kontak. Pada browser akan ditampilkan dalam bentuk cetak miring. Contoh penulisannya sebagai berikut.
<address>
Belajar HTML<br>
Kunjungi:<br>
suka-code.blogspot.com<br>
</address>
Sekian tutorial Belajar HTML : Format Kutipan (5). Semoga bermanfaat buat teman-teman semua.
Sumber : www.banghaji.com
Suka Code Blog adalah website dengan kumpulan konten seputar Game Development, Web Programming, Android Programming, Windows Programming, dan lain-lain.
Belum ada Komentar untuk "Belajar HTML : Format Kutipan (5) - Suka Code"
Posting Komentar