Iklan bawah header

Belajar HTML Part 16 - Cara Merubah arah text di HTML

merubah arah teks di html

Saat kita ingin menuliskan teks dengan huruf arab, maka kita harus menuliskan text tersebut dari arah kanan.

Lalu, bagaimana jika kita ingin menulis dengan huruf arab di html, apakah ada tag yang bisa digunakan untuk merubah arah text di html ?

Nah pada pembahasan kali ini kita akan membahas mengenai bagaimana cara merubah arah text di html. Untuk lebih jelasnya kalian bisa simak penjelasan berikut ini.

Tag <bdo> untuk Merubah arah Text di HTML

Tag Bidirectional Overide atau tag <bdo> digunakan untuk merubah arah penulisan text yang normalnya adalah dari kiri ke kanan, menjadi dari kanan ke kiri. Tag ini biasa digunakan pada text yang ditulis dari arah kanan seperti huruf arab.

Tag <bdo> memiliki atrribute dir dengan beberapa nilai atau value, diantaranya :

  1. ltr (Left to Right) nilai ini digunakan untuk penulisan text dari kiri ke kanan
  2. rtl (Right to Left) value ini digunakan untuk penulisan text dari arah kanan ke kiri

Perhatikan skrip html sederhana di bawah ini :

<!DOCTYPE html>
<html>
h<ead>
<title>Belajar HTML</title>
</head>
<body>
<h3>Belajar Tag bdo di HTML</h3>
<p>
<bdo dir="ltr">ltr (Left to Right) nilai ini digunakan untuk penulisan text dari kiri ke kanan</bdo></p> 
<p>
<bdo dir="rtl">rtl (Right to Left) value ini digunakan untuk penulisan text dari arah kanan ke kiri</bdo></p>
</body>
</html>

Setelah itu kalian simpan, dan jalankan dengan browser.

tag bdo

Bisa kalian perhatikan pada 2 paragraf tersebut :

  • Pada paragraf pertama arah penulisan textnya masih normal yaitu dari kiri kenan.

  • Sedangkan untuk paragraf kedua arah penulisan textnya berganti dari kanan ke kiri, hal ini dikarenakan pada paragraf kedua menggunakan tag bdo dan juga attribute di dengan value rtl.

Selanjutnya

Untuk tutorial HTML lainnya, silahkan cek di List tutorial HTML

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel