HTML q Tag

Tutorial HTML <q>

HTML q tag - Belajar html <q>. Element html <q> mempunyai definisi Teks dengan kutipan Singkat. Element <q> mempunyai efek tampilan Tanda petik pada sebuah teks dan bersifat kutipan pendek dan bersifat inline.

Ciri kutipan pendek

• terintegrasi langsung dengan teks
• berjarak antar baris yang sama dengan teks
• diapit dengan tanda kutip
• tidak lebih dari empat baris

Contoh HTML <q>

<p>
 <strong>Apa arti Tema</strong> - <q>Tema merupakan suatu gagasan pokok atau ide
 pikiran tentang suatu hal,salah satunya dalam membuat suatu tulisan</q>.
 Di setiap tulisan pastilah mempunyai sebuah tema, karena dalam sebuah penulisan 
 dianjurkan harus memikirkan tema apa yang akan dibuat.
</p>

Attribute HTML <q>

cite

Attribute cite digunakan sebagai URL dari teks / konten yang dikutip

Contoh :

<p>
  <strong>Apa arti Tema</strong> - 
  <q cite="https://id.wikipedia.org/wiki/Tema">Tema merupakan suatu gagasan pokok atau ide
  pikiran tentang suatu hal,salah satunya dalam membuat suatu tulisan</q>.
  Di setiap tulisan pastilah mempunyai sebuah tema, karena dalam sebuah penulisan 
  dianjurkan harus memikirkan tema apa yang akan dibuat.
</p>

Nilai atau value attribute ini adalah url / link

Global Attributes:

Element <q> mencakup Global Attributes HTML.

Event Attributes:

Element <q> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome	Ya
Safari	Ya
Firefox	1
Opera	Ya
IE	Ya
Edge	Ya

Mobile

Android Webview	Ya
Chrome Android	Ya
Edge Mobile	Ya
Firefox Android	4
Opera Android	Ya
iOs Safari	Ya
Samsung Internet	Ya

Default CSS :

Browser yang support dengan element <q>, mempunyai nilai default :

q { 
    display: inline;
}

q:before { 
    content: open-quote;
}

q:after { 
    content: close-quote;
}