Cara Merubah Arah Teks Pada HTML Dengan Menggunakan Tag bdo

Pada artikel kali ini Saya akan membahas Cara Merubah Arah Teks Pada HTML Dengan Menggunakan Tag bdo.

Penggunaan dan Penulisan Tag bdo Pada HTML

Tag <bdo> merupakan singkatan dari Bidirectional Override, yang digunakan untuk merubah arah teks. Normalnya teks akan ditampilkan oleh web browser dari arah kiri ke kanan seperti penulisan bahasa Indonesia dan Inggris, namun dengan tag ini kita bisa merubah arah teks dari arah kanan ke kiri seperti penulisan bahasa Arab.

Tag <bdo> memiliki sebuah atribut, yaitu atribut dir yang dapat diisi dengan salah satu dari kedua nilai, yaitu ltr dan rtl. Nilai ltr merupakan singkatan dari left to right yang akan menampilkan teks dari arah kiri ke kanan, sedangkan nilai rtl merupakan singkatan dari right to left yang akan menampilkan teks dari arah kanan ke kiri. Tag <bdo> termasuk kedalam tipe inline element, yang akan ditampilkan oleh web browser pada baris yang sama dengan tag lain yang berada disekitarnya.

Berikut ini contoh penulisan tag <bdo> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h2>Tag bdo dengan atribut ltr</h2>
    <bdo dir="ltr">HTML merupakan singkatan dari Hypertext Transfer Protocol</bdo>
    
    <h2>Tag bdo dengan atribut rtl</h2>
    <bdo dir="rtl">HTML merupakan singkatan dari Hypertext Transfer Protocol</bdo>
</body>
</html>
Tag bdo

Terlihat dari gambar diatas, teks yang berada didalam tag <bdo> dengan atribut dir="rtl" akan ditampilkan oleh web browser dari arah kanan ke kiri.

Pada artikel selanjutnya kita akan mempelajari Penggunaan dan Penulisan Tag samp, kdb dan var Pada HTML.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka