Elemen quote HTML

Berikut ini adalah beberapa elemen atau tag yang berhubungan dengan quote atau kutipan:

Tag <q>

Tag <q> berguna untuk menampilkan sederet text dengan pembatas double quote.

Contoh 1:

<p>Bulan <q>November 1990</q> adalah pertama kalinya web dikenal oleh manusia.</p>

Hasil contoh 1:

Bulan "November 1990" adalah pertama kalinya web dikenal oleh manusia.

Tag <blockquote>

Tag <blockquote> berguna untuk menampilkan sekelompok text dengan tambahan indent (paragraph masuk ke dalam). Tampilan seperti ini ditujukan untuk menonjolkan text yang diambil atau dikutip dari sumber lain.

Contoh 2:

<blockquote>Bila dilihat dari sejarahnya, maka web pertama kali mulai dikenal manusia pada November 1990. Pada saat itu dunia tidak memiliki standar HTML yang sama sehingga muncullah berbgai macam code HTML yang berbeda.</blockquote>

Hasil contoh 2:

Bila dilihat dari sejarahnya, maka web pertama kali mulai dikenal manusia pada November 1990. Pada saat itu dunia tidak memiliki standar HTML yang sama sehingga muncullah berbgai macam code HTML yang berbeda.

Tag Abbreviation <abbr>

Tag <abbr> berguna untuk menampilkan text yang berupa singkatan.

Contoh 3:

<p>Bahasa komputer <abbr title="Hyper Text Markup Language">HTML</abbr> mulai diperkenalkan pada tahun 1990.</p>

Hasil contoh 3:

Bahasa komputer HTML mulai diperkenalkan pada tahun 1990.

Tag <address>

Tag <address> berguna untuk menampilkan text yang mengandung informasi mengenai penulis atau pemilik dari document.

Contoh 4:

<address>
Penulis: Bangjuju
</address>

Hasil contoh 4:

Penulis: Bangjuju

Tag <cite>

Tag <cite> berguna untuk menampilkan text yang menuliskan hasil dari sebuah pekerjaan atau karya yang bisa berupa buku, lagu, film, puisi, patung, lukisan atau yang lainnya.

Contoh 5:

<address>
Lagu Aitakatta (Ingin Bertemu) dipopulerkan oleh grup JKT48
</address>

Hasil contoh 5:

Lagu Aitakatta (Ingin Bertemu) dipopulerkan oleh grup JKT48

Tag Bi-Directional Override <bdo>

Tag <bdo> menampilkan text secara terbalik (dari kanan ke kiri).

Contoh 6:

<bdo dir="rtl">Text ini akan ditampilkan terbalik</bdo>

Hasil contoh 6:

Text ini akan ditampilkan terbalik

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>