MulaiCode
HTML

HTML Kutipan

HTML menyediakan beberapa elemen untuk menampilkan **kutipan atau referensi**

1. <blockquote> – Kutipan Blok

Digunakan untuk kutipan panjang dari sumber lain. Biasanya ditampilkan dengan indentasi.

<blockquote cite="https://mulaicode.com">
  Ini adalah kutipan dari sumber luar.
</blockquote>

Gunakan atribut cite untuk menunjukkan sumber kutipan (tidak ditampilkan ke pengguna, tapi berguna untuk SEO dan aksesibilitas).


2. <q> – Kutipan Singkat (Inline)

Digunakan untuk kutipan pendek, otomatis ditambahkan tanda kutip ("...").

<p>
  Dia berkata, <q>Belajarlah setiap hari.</q>
</p>

3. <abbr> – Singkatan

Gunakan untuk menandai singkatan atau akronim. Atribut title memberikan penjelasan saat kursor diarahkan.

<p>
  <abbr title="World Health Organization">WHO</abbr> didirikan pada tahun
  1948.
</p>

4. <address> – Informasi Kontak

Menampilkan alamat atau info kontak. Biasanya ditulis miring.

<address>
  Ditulis oleh John Doe.
  <br />
  Kunjungi kami di:
  <br />
  Jakarta, Indonesia
</address>

5. <cite> – Judul Karya

Untuk menandai nama karya seperti buku, film, lagu, dll.

<p><cite>Harry Potter</cite> ditulis oleh J.K. Rowling.</p>
<p>
  <cite>Harry Potter</cite> ditulis oleh J.K. Rowling.
</p>

6. <bdo> – Arah Teks

Digunakan untuk mengubah arah teks (LTR → RTL, atau sebaliknya).

<bdo dir="rtl">Teks ini dibalik arah bacaannya.</bdo>

On this page