Pemformatan Teks Quotations

Selain format teks normal, dan komputasi. HTML juga menyediakan Pemformatan Teks Quotations. Seperti keterangan di bawah ini :

Fungsi Tag <abbr> pada html

Mendefinisikan Singkatan (Abbreviation) / Akronim.

Kode Sumber…

<!DOCTYPE HTML>
<html>
<body>
<p>Silahkan arahkan mouse ke tulisan di bawah ini :</p>
<abbr title="Badan Usaha Milik Negara">BUMN</abbr>
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag abbr pada html

Apabila anda arahkan kursor mouse ke tulisan tersebut, akan muncul pop – up yang mendeskripsikan tulisan tersebut.

Fungsi tag <address> pada html

Digunakan untuk memberikan keterangan alamat seseorang.

Kode Sumber..

<!DOCTYPE HTML>
<html>
<body>
<address>
Kepada YTH, Bapak Sentosa...<br>
HRD PT. Sentosa<br>
Jln. Tanah Abang, Jakarta Pusat
</address>
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag address pada html

Fungsi tag <bdo> pada html

Bi – Directional Override. Yakni menampilkan teks secara terbalik / tidak.

Kode Sumber…

<!DOCTYPE HTML>
<html>
<body>
<bdo dir="ltr">Tulisan ini dari kiri ke kanan</bdo>
<br>
<bdo dir="rtl">Tulisan ini dari kanan ke kiri</bdo>
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag dir pada html

fungsi tag <q> pada html

Membuat teks kutipan singkat, teks yang disisipkan pada tag <q> akan memiliki tanda petik 2 “”.

Kode Sumber…

<!DOCTYPE HTML>
<html>
<body>
<p>Ayah : <q>Kemana saja kamu hari ini...?</q></p>
<p>Doni : <q>Hangoutlah, anak muda...</q></p>
</body>
</html>

Dan di bawah ini adalah outputnya :

fungsi tag q pada html

fungsi tag <cite> pada html

Digunakan untuk mendefinisikan judul, seperti pada judul film/lukisan. Karena saya menggunakan gambar. Silahkan anda adakan lebih dulu gambar yang ingin anda gunakan. Bila saya menggunakan lukisan Raden Saleh. Jika ingin mendownloadnya silahkan download gambar di bawah ini.

pemformatan teks quotations

Kode Sumber…

<!DOCTYPE HTML>
<html>
<body>
<img src="radensaleh.jpg" alt="raden saleh" width="100px">
<br>
<cite>Raden Saleh</cite>
<p>By: Carl Johan Baehr, 1840</p>
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag cite pada html

fungsi tag <dfn>

Digunakan untuk mendefinisikan kata – kata istilah.

Kode Sumber…

<!DOCTYPE HTML>
<html>
<body>
<dfn>Tangan Kanan</dfn>, definisi yang digunakan untuk mendeskripsikan orang kepercayaan.
</body>
</html>

Dan di bawah ini adalah hasilnya :

fungsi tag dfn pada html

Leave a comment

Your email address will not be published. Required fields are marked *