Beranda
html

Membuat Kutipan HTML

Admin

Setelah mempelajari formatting teks kali ini kita akan mempelajari cara membuat kutipan html

HTML menyediakan beberapa elemen untuk menandai kutipan dan referensi. Berikut adalah elemen-elemen tersebut beserta penjelasan dan contohnya:

Elemen <blockquote>

Elemen <blockquote> digunakan untuk mendefinisikan bagian teks yang dikutip dari sumber lain. Browser biasanya menampilkan elemen ini dengan indentasi.

<blockquote>
    <p>Belajar adalah proses sepanjang hayat.</p>
</blockquote>

Contoh:

Belajar adalah proses sepanjang hayat.

Elemen <q>

Elemen <q> digunakan untuk mendefinisikan kutipan pendek yang berada di dalam teks. Browser biasanya menambahkan tanda kutip di sekitar elemen ini.

<p>Albert Einstein pernah berkata, <q>Imajinasi lebih penting daripada pengetahuan</q>.</p>

Contoh:

Albert Einstein pernah berkata, Imajinasi lebih penting daripada pengetahuan.

Elemen <cite>

Elemen <cite> digunakan untuk merujuk pada judul karya seperti buku, puisi, film, atau karya seni lainnya. Browser biasanya menampilkan elemen ini dalam format miring.

<p>Film favorit saya adalah <cite>Inception</cite>.</p>

Contoh:

Film favorit saya adalah Inception.

Elemen <abbr>

Elemen <abbr> digunakan untuk mendefinisikan singkatan atau akronim, dan dapat memberikan informasi lengkap saat pengguna mengarahkan kursor ke atasnya.

<p><abbr title="HyperText Markup Language">HTML</abbr> adalah bahasa markup untuk membuat halaman web.</p>

Contoh:

HTML adalah bahasa markup untuk membuat halaman web.

Elemen <address>

Elemen <address> digunakan untuk mendefinisikan informasi kontak penulis atau pemilik dokumen.

<address>
    Ditulis oleh Jane Smith.<br>
    Hubungi kami di: <a href="mailto:info@example.com">info@example.com</a>
</address>

Contoh:

Ditulis oleh Jane Smith.
Hubungi kami di: info@example.com

Elemen <bdo>

Elemen <bdo> (bidirectional override) digunakan untuk mengubah arah teks. Atribut dir menentukan arah teks, misalnya ltr (kiri ke kanan) atau rtl (kanan ke kiri).

<p>Teks asli: Halo Dunia!</p>
<p>Teks terbalik: <bdo dir="rtl">Halo Dunia!</bdo></p>

Contoh:

Teks asli: Halo Dunia!

Teks terbalik: Halo Dunia!