[Belajar HTML #10] Kutipan HTML - abbr - address - bdo - blockquote - cite - q

Kutipan HTML

Contoh:

Berikut ini kutipan dari situs web WWF:

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 hampir 5 juta secara global.

Cobalah sendiri

---

HTML <q> untuk Kutipan Pendek

Elemen HTML <q> mendefinisikan kutipan singkat.

Browser biasanya memasukkan tanda kutip di sekitar <q> elemen.

Contoh:

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

Cobalah sendiri

---

HTML <blockquote> untuk Kutipan

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

Browser biasanya <blockquote> elemen indent.

Contoh:

Berikut ini kutipan dari situs web WWF:

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 hampir 5 juta secara global.

Cobalah sendiri

---

HTML <abbr> untuk Singkatan

Elemen HTML <abbr> mendefinisikan singkatan atau akronim.

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

Contoh:

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

Cobalah sendiri

---

HTML <address> untuk Informasi Kontak

Elemen HTML <address> mendefinisikan informasi kontak (penulis / pemilik) dari suatu dokumen atau artikel.

Elemen <address> biasanya ditampilkan dalam huruf miring. Sebagian besar browser akan menambahkan jeda baris sebelum dan sesudah elemen.

Contoh:

<address>
Ditulis oleh John Doe. <br>
Kunjungi kami di: <br>
Example.com <br>
Kotak 564, Situs Disneyland
Amerika Serikat
</address>

Cobalah sendiri

---

HTML <cite> untuk Judul Pekerjaan

Elemen HTML <cite> mendefinisikan judul suatu karya.

Browser biasanya menampilkan <cite> elemen dalam huruf miring.

Contoh:

<p><cite>The Scream</cite> oleh Edvard Munch. Dicat pada tahun 1893.</p>

Cobalah sendiri

---

HTML <bdo> untuk Bi-Directional Override

Elemen HTML <bdo> mendefinisikan penggantian dua arah.

Elemen <bdo> digunakan untuk mengesampingkan arah teks saat ini:

Contoh:

<bdo dir="rtl">Baris ini akan ditulis dari kanan ke kiri</bdo>

Cobalah sendiri

---

Elemen Kutipan HTML

Tag	Deskripsi
<abbr>	Mendefinisikan singkatan atau akronim
<address>	Menentukan informasi kontak untuk penulis / pemilik dokumen
<bdo>	Menentukan arah teks
<blockquote>	Menentukan bagian yang dikutip dari sumber lain
<cite>	Menentukan judul sebuah karya
<q>	Menentukan kutipan inline pendek

Share this post