Untuk kode HTML teks terbalik ini mungkin tidak di
butuhkan sobat tapi tidak ada salahnya kita untuk saling berbagi ilmu. Bahkan
mungkin tag ini digunakan hanya untuk iseng-iseng doang. Untuk membuat
teks terbalik pada HTML kita menggunakan tag bdo.
Pengertian Tag bdo
Tag bdo adalah singkatan dari kata Bidirectionel
Override. Tag ini secara khusus berfungsi untuk membuat teks menjadi
terbalik, atau lebih tepatnya untuk merubah teks yang tadinya dari kiri ke
kanan, menjadi kanan kekiri.
Tag bdo adalah tag yang tidak bisa berdiri
sendiri. Tag bdo membutuhnya atribut dir berupa ltr
atau rtl. Tanpa atribut tersebut, tag bdo tidak ada
artinya.
Ltr adalah singkatan dari left to right,
yang berarti akan menampilkan teks dari kiri ke kanan. Sedangkan rtl (right
to left) adalah kebalikan dari ltr.
Cara penulisan tag bdo
Untuk menulis tag bdo, kamu bisa menggunakan format
dibawah ini:
<bdo dir="nama atribut"> Teks </bdo>
<bdo dir="nama atribut"> Teks </bdo>
Keterangan:
=>Karena tag bdo bukan merupakan
self tag, maka setelah diberi tag pembuka (berupa “<bdo>“) wajib diberi tag penutup (berupa “</bdo>“)
=>Teks yang ingin kamu buat menjadi terbalik bisa
kamu tulis diantara tag pembuka dan tag penutup
=>Tag merupakan sesuatu yang tidak
Case Sensitive. Jadi, penulisan “<dbo>” dengan “<BDO>” akan dianggap sama oleh browser
Contoh penggunaan tag bdo :
Buat file html baru dan ketikan kode berikut ini :
<html>
<head>
<title>Membuat
Teks Terbalik</title>
</head>
<body>
<h3>Contoh File Cara Membuat Teks Menjadi Terbalik Menggunakan Tag bdo</h3>
<bdo>1. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
<bdo dir="ltr">2. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
<bdo dir="rtl">3. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
<h3>Contoh File Cara Membuat Teks Menjadi Terbalik Menggunakan Tag bdo</h3>
<bdo>1. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
<bdo dir="ltr">2. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
<bdo dir="rtl">3. Apakah teks ini akan di tampilkan dalam bentuk terbalik?</bdo><hr>
</body>
</html>
Kemudian sobat simpan filenya dengan format .html
(teksterbalik.html)
Hasilnya :
Contoh File Cara Membuat Teks Menjadi Terbalik Menggunakan Tag bdo
1. Apakah teks ini akan ditampilkan dalam bentuk terbalik.?
2. Apakah teks ini akan ditampilkan dalam bentuk terbalik.?
3. Apakah teks ini akan ditampilkan dalam bentuk terbalik.?
Seperti yang sudah saya sebutkan sebelum, tag
bdo tidak berarti tanpa adanya atribut dir. Maka dari itu wajar kalau
contoh no 1 GAGAL. Selanjutnya pada contoh no 2, sebenarnya
ini sudah berhasil. Namun karena menggunakan dir ltr atau left
to right, maka hasilnya tidak terlalu kelihatan. Sedangkan pada contoh
yang terakhir, tag bdo’nya menggunakan atribut rtl. Jadi wajar
saja kalau tulisannya menjadi terbalik. Ngomong-ngomong, kamu masih bisa baca
hasil dari contoh no 3 kan.?
0 Response to "Membuat Teks Terbalik pada HTML"
Post a Comment