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;
}