Cara Membuat Kutipan Dalam HTML Dengan Tag blockquote dan Tag q

Untuk membuat kutipan di HTML, kita dapat menggunakan tag <blockquote> dan <q>. Pada artikel kali ini kita akan mempelajari Cara Membuat Kutipan Dalam HTML Dengan Tag blockquote dan Tag q.

Penggunaan dan Penulisan Tag blockquote Dalam HTML

Tag <blockquote> digunakan untuk membuat kutipan yang panjang. Tag ini termasuk kedalam tipe block element, yang akan ditampilkan oleh web browser pada baris yang baru.

Berikut ini contoh penulisan tag <blockquote> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h2>Pengertian HTML</h2>
    HTML merupakan bahasa dasar untuk membuat halaman website. Berikut ini adalah definisi HTML yang dikutip dari Wikipedia :
    <blockquote>HTML or HyperText Markup Language is the standard markup language used to create web pages. HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets.</blockquote>
</body> 
</html>
Tag blockquote

Terlihat pada gambar diatas, web browser akan menampilkan tag <blockquote> pada baris baru dan ada sedikit jarak ke sebelah kanan.

Penggunaan dan Penulisan Tag q Dalam HTML

Tag <q> digunakan untuk membuat kutipan yang pendek. Tag ini termasuk kedalam tipe inline element, yang akan ditampilkan oleh web browser pada baris yang sama dengan tag lain yang berada disekitarnya.

Berikut ini contoh penulisan tag <q> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h2>Hallo Dunia!</h2>
    Waktu itu Saya sedang belajar HTML di website mas-abdi.blogspot.com, lalu ibu datang menghampiri Saya dan bertanya <q>Nak, kamu lagi ngapain?</q>.
</body>
</html>
Tag q

Seperti yang terlihat pada gambar diatas, web browser akan menampilkan tag <q> dengan tanda kutip.

Pada artikel selanjutnya kita akan membahas tentang Penggunaan dan Penulisan Tag pre dan Tag code Dalam HTML.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka