tRikSonic
Tema
  • Original
  • Translate

HTML q Tag

Terakhir diperbarui : 24 Mei 2018 - 10.02

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.
background html

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

ChromeYa
SafariYa
Firefox1
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox Android4
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

Default CSS :

Browser yang support dengan element <q>, mempunyai nilai default :
q { 
    display: inline;
}

q:before { 
    content: open-quote;
}

q:after { 
    content: close-quote;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.