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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <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> </body> </html>
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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <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> </body> </html>
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;
}