Cara Mengubah Arah Teks HTML

Sebelumnya kita sudah membahas cara menggunakan tag pre HTML. Sekarang, kita akan bahas cara mengubah arah teks HTML. Bagaimana caranya? Simak pembahasan AneIqbal berikut sampai akhir.

Mengubah arah teks di HTML dengan tag <bdo>

Tag <bdo> merupakan singkatan dari Bidirectional Override. Tag ini digunakan untuk mengubah arah teks yang umumnya ditulis dari kiri ke kanan seperti penulisan bahasa Indonesia atau Inggris, menjadi dari kanan ke kiri seperti penulisan bahasa Arab.

Tag <bdo> harus ditambahkan atribut dir agar dapat berfungsi. Ada 2 nilai dari atribut dir ini, yakni ltr dan rtl.

Nilai ltr, left to right, akan membuat arah teks dari kiri ke kanan. Sedangkan rtl, right to left, akan menampilkan teks dari kanan ke kiri.

Tag <bdo> ini termasuk ke dalam jenis tag inline element.

Berikut contoh kode HTML-ya.

<!DOCTYPE html>
<html>
  <head>
    <title>Mengubah arah teks di HTML</title>
  </head>
  <body>
    <p>
      <bdo dir="ltr">HTML adalah singkatan dari Hypertext Markup Language.</bdo>
    </p>

    <p>
      <bdo dir="rtl">HTML adalah singkatan dari Hypertext Markup Language.</bdo>
    </p>
  </body>
</html>

Seperti ini jadinya.

text direction html
arah teks berubah dengan tag <bdo>

Terlihat dari gambar di atas di paragraf kedua, jika bernilai rtl, teks akan ditampilkan dari kanan ke kiri. Tag <bdo> ini jarang sekali digunakan.

Seperti itulah cara mengubah arah teks di HTML. Selanjutnya, kita akan bahas tag HTML untuk penulisan hal teknis.

Leave a Comment