Tanda <q> HTML

Definisi dan penggunaan

<q> Tanda menandai kutip singkat.

Browser biasanya akan menempatkan tanda kutip di sekeliling kutipan.

Pemberitahuan:Untuk kutip yang panjang, gunakan: Tanda <blockquote>.

Lihat pula:

Panduan Referensi HTML DOM:Objek Quote

Contoh

Contoh 1

Tandai kutip singkat:

<p>Tujuan Yayasan Dunia Alam adalah:
<q>Menyusun masa mendatang yang harmonis antara manusia dan alam.</q>
Kami berharap mereka sukses.</p>

Coba sendiri

Contoh 2

Gunakan CSS untuk menata gaya elemen <q>:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>Tujuan Yayasan Dunia Alam adalah:
<q>Menyusun masa mendatang yang harmonis antara manusia dan alam.</q>
Kami berharap mereka sukses.</p>
</body>
</html>

Coba sendiri

Atribut

Atribut Nilai Deskripsi
cite URL Tentukan URL sumber yang diutamakan

Atribut global

<q> Tanda juga mendukung Atribut global di HTML.

Atribut peristiwa

<q> Tanda juga mendukung Atribut peristiwa di HTML.

Pengaturan CSS default

Sebagian besar browser akan menampilkan nilai default berikut ini <q> Elemen:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Coba sendiri

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan