Elemen Kutipan dan Kutipan HTML

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

Contoh

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

HTML <blockquote> untuk Kutipan

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

Browser biasanya membuat indentasi <blockquote>elemen.

Contoh

Here is a quote from WWF's website:
<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 menyisipkan tanda kutip di sekitar kutipan.

Contoh

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

HTML <abbr> untuk Singkatan

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

Menandai singkatan dapat memberikan informasi yang berguna untuk peramban, sistem terjemahan, dan mesin telusur.

Tip: Gunakan atribut judul global untuk menampilkan deskripsi singkatan/akronim saat Anda mengarahkan mouse ke elemen.

Contoh

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

HTML <alamat> 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 <address>elemen biasanya dirender dalam huruf miring, dan browser akan selalu menambahkan jeda baris sebelum dan sesudah <address>elemen.

Contoh

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

HTML <cite> untuk Judul Karya

Tag HTML <cite>mendefinisikan judul karya kreatif (misalnya buku, puisi, lagu, film, lukisan, patung, dll.).

Catatan: Nama seseorang bukanlah gelar sebuah karya.

Teks dalam <cite>elemen biasanya dirender dalam huruf miring .

Contoh

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

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>

Latihan HTML