Ads by Yasya El Hakim
Kutipan (Quotation) pada HTML

Untuk membuat kutipan pendek, kalian bisa menggunakan elemen <q>.
Biasanya, Browser akan memasukkan tanda kutp diantara elemen <q>.

Contoh
<p>Dia berkata: <q>Aku cinta kamu.</q></p>
See the Pen 38. HTML Formatting q by Yasya El Hakim (@elhakimyasya) on CodePen.

Menggunakan <blockquote> untuk Kutipan

Kalian dapat menggunakan elemen <blockquote> untuk membuat bagian yang di kutip dari sumber lain.

Contoh

<p>Menurut EL Creative Academy:</p>
<blockquote cite="https://elcreativeacademy.blogspot.com/">
Mempelajari HTML itu mudah.
</blockquote>
See the Pen 39. HTML Formatting blockquote by Yasya El Hakim (@elhakimyasya) on CodePen.

Menggunakan <abbr> untuk Singkatan

Kalian dapat menggunakan elemen <abbr> (Abbreviations) untuk membuat singkatan atau akronim.
Elemen ini sangatlah berguna bagi Browser untuk menunjukkan informasi, sistem penerjemah, dan Search Engine.

Contoh

<p><abbr title="Education, Leadership, and Creative Organization">EL Creative Organization</abbr> merupakan sebuah organisasi atau komunitas.</p>
See the Pen 40. HTML Formatting abbr by Yasya El Hakim (@elhakimyasya) on CodePen.

Menggunakan <address> untuk Informasi Kontak

Kalian dapat menggunakan elemen <address> untuk membuat Informasi Kontak (Author/Pemilik) dokumen atau artikel.
Elemen <address> biasanya akan ditampilkan dengan teks Italic dan juga Browser akan memberikan baris baru sebelum dan sesudah elemen.

Contoh

<address>
Ditulis oleh Yasya El Hakim.<br>
Kunjungi kami di:<br>
https://elcreativeacademy.blogspot.com<br>
Pringsewu, Lampung<br>
Indonesia
</address>
See the Pen 41. HTML Formatting address by Yasya El Hakim (@elhakimyasya) on CodePen.

Menggunakan <cite> untuk Hasil Karya/Kerja

Kalian dapat menggunakan elemen <cite> untuk membuat judul hasil kerja/karya.
Biasanya, Browser akan menampilkan elemen <cite> dengan teks miring (Italic).

Contoh

<p><cite>Tutorial HTML</cite> ditulis oleh Yasya El Hakim.</p>
See the Pen 42. HTML Formatting cite by Yasya El Hakim (@elhakimyasya) on CodePen.

Menggunakan <bdo> untuk Mengubah Perataan Bahasa (Bi-Directional Overide)

Kalian dapat menggunakan elemen <bdo> untuk mengubah perataan bahasa.
Elemen <bdo> digunakan untuk mengubah perataan teks. Misal dari kiri ke kanan.

Contoh

<bdo dir="rtl">Teks ini akan tertulis dari kanan ke kiri (Right to Left)</bdo> 
See the Pen 43. HTML Formatting bdo by Yasya El Hakim (@elhakimyasya) on CodePen.

Sebelumnya: Tutorial Lengkap HTML: HTML Formatting - Bagian 9
Selanjutnya: Tutorial Lengkap HTML: Komentar pada HTML - Bagian 11
Daftar Isi: Tutorial Lengkap HTML

Sumber: https://www.w3schools.com/

0Komentar

Sebelumnya Selanjutnya