Cara Mengubah Arah Text dalam HTML

belajar HTML dan CSS untuk pemula

Sebab HTML dipakai tidak cuma untuk web dengan huruf alphabet, namun juga huruf yang berupa karakter-karakter khusus seperti huruf china atau huruf arab, maka HTML mempunyai sebuah tag khusus yang dipakai untuk mengubah arah text. Maka dari itu pada tutorial ini kita akan mengulas Cara Untuk Mengubah Arah Text dalam HTML dengan tag <bdo>.

Tag <bdo> untuk Mengubah Arah Text HTML

Tag <bdo> ialah singkatan dari Bidirectional Override. Tag ini diperuntukkan bagi mengubah arah text yang normalnya ditulis dari kiri ke kanan seperti bahasa inggris atau bahasa indonesia, jadi dari kanan ke kiri seperti penulisan dalam bahasa arab.

Untuk menjalankan fungsinya, tag <bdo> membutuhkan sebuah atribut dir yang dapat berisi salah satu dari 2 nilai, yaitu ltr dan rtl.

Nilai Atribut ltr ialah singkatan dari left to right yang akan membuat arah text mulai dari arah kiri lalu ke arah kanan web browser. Sedangkan rtl ialah singkatan dari right to left yang akan menampilkan text dari kanan ke kiri.

Tag <bdo> termasuk kedalam tipe tag inline, dan akan ditampilkan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <bdo> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>
<bdo dir="ltr">HTML ialah dasar dari seluruh halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
maka hal pertama yang perlu dipelajari ialah HTML</bdo></p>
 
<p>
<bdo dir="rtl">HTML ialah dasar dari seluruh halaman web di internet. 
Bila kamu mau mempelajari cara membuat website,
maka hal pertama yang perlu dipelajari ialah HTML</bdo></p>
</body>
</html>

Seperti yang tampak, pemakaian tag <bdo dir=”rtl”> akan membuat web browser menampilkan karakter dari kanan ke kiri. Untuk text dengan bahasa indonesia atau bahasa inggris, tag ini akan jarang dipakai, kecuali kamu mau membuat pembaca pusing seperti contoh diatas.

Sekian tutorial ini yang mengulas Cara Untuk Mengubah Arah Text dalam HTML dengan tag <bdo>. Silahkan share jika kamu rasa bermanfaat


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *