Tutorial Formating Text HTML: Cara Mengubah Arah Teks di HTML

Halo gan. Di postingan sebelumnya, kita sudah membahas cara membuat teks tanpa format di HTML.

Kita review sedikit. Membuat teks tanpa format di HTML ada 2 caranya. Pertama, dengan menggunakan tag <pre> dan kedua, menggunakan tag <code>.

Tag <pre> merupakan jenis tag block element sedangkan tag <code> adalah tag berjenis inline element.

Kali ini, kita akan bahas cara mengubah arah teks di HTML. HTML juga menyediakan tag khusus yang digunakan untuk mengubah arah teks.

mengubah arah teks di html

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>


mengubah arah teks di html

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.



0 Komentar untuk "Tutorial Formating Text HTML: Cara Mengubah Arah Teks di HTML"