Referensi Belajar HTML cite tag. Tutorial dan panduan mengenai element <cite>...</cite> yang digunakan untuk merujuk sebuah hasil karya. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <cite>.


Deskripsi
Penjelasan HTML cite

Cite berarti menyebutkan, mengutip atau memuji.

HTML <cite> element digunakan untuk merepresentasikan rujukan (referensi) terhadap sebuah creative work. Apa itu creative work? creative work adalah sebuah perwujudan dari hasil karya atau kreativitas.

Dalam penggunaannya didalam cite element, harus menyertakan judul (mengenai) hasil karya tersebut atau nama dari penulis (orang atau organisasi) atau alamat URL sebagai referensi.

<cite> tidak digunakan untuk kutipan yang diambil dari kata-kata orang atau sumber lain, karena kutipan tersebut lebih tepatnya menggunakan <q> element.

TIPS

Contoh dari sebuah creative work adalah: buku, surat kabar/majalah, karangan, puisi, nilai, lagu, script, film, acara televisi, permainan (game), patung, lukisan, produksi teater, permainan, opera, seni musik, pertunjukan (pameran), laporan kasus, program komputer, website, halaman web, tulisan blog atau komentar, ungkapan (tweet), tulisan atau ucapan dan lain sebagainya.

cite juga dapat digunakan sebagai attribute untuk <q> dan <blockquote> element dengan value URL yang merujuk sebuah kutipan.


Global Attributes
Atribut Secara Global (Keseluruhan)

<cite> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<cite> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <cite> element

Contoh 1

Contoh HTML <cite> element Sederhana

HTML
<p>Buku <cite>Chairul Tanjung Si Anak Singkong</cite> laku keras di pasaran.</p>
Contoh 2

Contoh HTML <cite> element digunakan untuk komentator (penulis)

HTML
<article id="comment">
Komentar dari <cite><a href="http://www.apacara.com">Inayah</a></cite>
<time datetime="2015-08-17T16:01">17 Agustus 2015, pkl. 16:01</time>
<p>Artikelnya sangat bagus, terima kasih banyak.</p>
</article>
Contoh 3

Contoh HTML <cite> element untuk mereferensikan URL hasil pencarian

HTML
<div id="hasilcari">(Pencarian menghasilkan 20.000,000 dalam waktu 0.33 detik) </div>
...
<p><a href="https://www.apacara.com/tutorial/html/html-global-attribute.html">Belajar HTML Global Attribute</a></p>
<p><cite>https://www.apacara.com/tutorial/html/html-global-attribute.html</cite></p>
<p>16 Januari 2015 - Belajar HTML Global Attribute. Referensi belajar macam-macam attribute HTML yang termasuk dalam global attribute...</p>
...

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo HTML cite tag</title>
  </head>
  <body>
    <h3>Contoh 1</h3>
    <p>Buku <cite>Chairul Tanjung Si Anak Singkong</cite> laku keras di pasaran.</p>
    <h3>Contoh 2</h3>
    <article id="comment">
      Komentar dari <cite><a href="http://www.apacara.com">Inayah</a></cite>
      <time datetime="2015-08-17T16:01">17 Agustus 2015, pkl. 16:01</time>
      <p>Artikelnya sangat bagus, terima kasih banyak.</p>
    </article>
    <hr />
    <h3>Contoh 3</h3>
    <div id="hasilcari">(Pencarian menghasilkan 20.000,000 dalam waktu 0.33 detik) </div>
    ...
    <p><a href="https://www.apacara.com/tutorial/html/html-global-attribute.html">Belajar HTML Global Attribute</a></p>
    <p><cite>https://www.apacara.com/tutorial/html/html-global-attribute.html</cite></p>
    <p>16 Januari 2015 - Belajar HTML Global Attribute. Referensi belajar macam-macam attribute HTML yang termasuk dalam global attribute...</p>
    ...
  </body>
</html>



Comments