Kutipan HTML dan Elemen Kutipan


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


HTML <blockquote> untuk Quotations

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

Browser biasanya mengindentasi elemen <blockquote>.


Contoh

<p>Ini kutipan dari situs WWF:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Selama 50 tahun, WWF telah melindungi masa depan alam.
Organisasi konservasi terkemuka dunia,
WWF bekerja di 100 negara dan didukung oleh
1,2 juta anggota di Amerika Serikat dan
mendekati 5 juta secara global.
</blockquote>

HTML <q> untuk Kutipan Singkat

Tag <q> HTML mendefinisikan kutipan singkat.

Browser biasanya memasukkan tanda kutip di sekitar kutipan.


Contoh

<p>Tujuan WWF adalah untuk: <q>Membangun masa depan tempat orang-orang hidup selaras dengan alam.</q></p>

HTML <abbr> untuk Singkatan

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

Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan, dan mesin pencari.

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


Contoh

<p><abbr title="Organisasi Kesehatan Dunia">WHO</abbr> didirikan pada tahun 1948.</p>

HTML <address> untuk Informasi Kontak

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


Contoh

<address>
Ditulis oleh Umar.<br>
Kunjungi kami di:<br>
Umar.com<br>
Po Box 73112, Ahmad Yani<br>
Indonesia
</address>

HTML <cite> untuk Judul Pekerjaan

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

Catatan: Nama seseorang bukanlah judul sebuah karya.

Teks dalam elemen <cite> biasanya dicetak miring.


Contoh

<p><cite>The Scream</cite> oleh Edvard Munch. Dilukis pada tahun 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">Teks ini akan ditulis dari kanan ke kiri</bdo>

Sumber referensi: w3schools

Komentar