01 April 2015

Menuliskan Kutipan pada HTML

Dalam membuat sebuah halaman HTML ada kalanya kita ingin menulisan bagian dari teks tertentu berbeda dari teks lainnya. Misalnya untuk menampilkan kutipan, code, atau format tertentu.
Terdapat beberapa tag HTML untuk menampilkan kutipan dengan format tertentu:
Tag <q>
Tag ini digunakan untuk kutipan singkat. Browser biasanya menambahkan tanda kutip diantara konten yang ada di dalam tag <q>.
Contoh:
<p>Tujuan kami yaitu: <q>Merekam ilmu dengan menulis.</q></p>

Tag <blockquote>
Digunakan untuk kutipan panjang. Browser bisanya menampilkan kutipan tag ini dengan memberi indent, atau jarak sehingga terbentuk blok khusus.
Contoh:
<p>Contoh sebuah kutipan panjang:</p>
<blockquote cite="http://rani-irsan.blogspot.com">
    Mari berbagi ilmu, selain bermanfaat untuk yang menerima
    juga sangat bermanfaat untuk yang memberi. Tidak akan
    berkurang ilmu bila dibagi, bahkan akan semakin bertambah.
    Ilmu yang bermanfaat adalah salah satu amalan yang tidak
    akan putus pahalanya.
</blockquote>

Tag <abbr>
Kita dapan membuat singkatan yang memiliki penjelasan saat mouse diarahkan padanya dengan menggunakan tag <abbr>.
Contoh:
<p>Sebagian lulusan <abbr title="Sekolah Menengah Atas">SMA</abbr>
   memilih untuk melanjutkan kuliah. Sementara sebagian lainnya
   lebih memilih langsung bekerja.
</p>

Tag <address>
Tag ini biasa digunakan untuk menuliskan informasi kontak. Biasanya ditampilkan dengan baris miring (italic) dan browser akan menambahkan line break sebelum dan sesudahnya.
Contoh:
Anda dapat menghubungi kami di:
<address>
Jl. Sejahtera No. 3A<br/>
RT. 05 RW. 06<br/>
Bandung<br/>
Tlp. 022-45678910
</address>




Click here if you like this article.


0 comments: