Quotation di HTML: Sintak dan Contoh Membuatnya

Kali ini kita akan membahas elemen HTML <blockquote>,<q>, <abbr>, <address>, <cite>, dan <bdo>.

HTML <blockquote> untuk Quotations

Tag HTML <blockquote> mendefinisikan bagian yang dikutip dari sumber lain.

Browser biasanya mengindentasi tag <blockquote>.

Contoh :

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <q> untuk Kutipan Singkat

Tag HTML <q> mendefinisikan kutipan singkat.

Browser biasanya memasukkan tanda kutip di sekitar kutipan.

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

HTML <abbr> untuk Singkatan

Tag HTML <abbr> mendefinisikan singkatan atau akronim, seperti “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.

Tip: Gunakan atribut global title untuk menampilkan deskripsi singkatan / akronim saat kita mengarahkan mouse ke tag <abbr>.

Contoh :

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <address> untuk Informasi Kontak

Tag HTML <address> mendefinisikan informasi kontak untuk penulis / pemilik dokumen atau artikel.

Informasi kontak dapat berupa alamat email, URL, alamat fisik, nomor telepon, pegangan media sosial, dll.

Teks dalam tag <address> biasanya dibuat miring dan browser biasanya menambahkan jeda baris sebelum dan sesudah tag <address>.

Contoh :

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML<cite> untuk Judul Pekerjaan

Tag HTML <cite> menentukan judul karya kreatif (mis. Buku, puisi, lagu, film, lukisan, patung, dll.).

Catatan: Nama seseorang bukanlah judul sebuah karya.

Teks dalam tag <cite> biasanya dicetak miring.

Contoh :

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> untuk Penimpaan Dua Arah

BDO adalah singkatan dari Bi-Directional Override.

Tag HTML <bdo> digunakan untuk mengganti arah teks saat ini:

Contoh :

<bdo dir="rtl">This text will be written from right to left</bdo>