Kamis, 07 Juli 2011

Kode HTML untuk huruf Arab

Perjalanan saya sebagai seorang blogger pemula terus berlanjut. Bagi
saya, blogging tidak hanya tentang tulisan, ataupun seni dan sastra
dari tulisan yang dihasilkan, kalau ilmu, saya yakin ilmu saya tidak
melebihi anda, namun blogging juga untuk mengasah kemampuan untuk kode
HTML dan teknologi lainnya, terutama tentang Open Source, terlebih
bagi saya, dengan blog ini mudah-mudahan akan menjadi ladang amal
ibadah bagi saya dan bagi anda yang menyebarluaskan link untuk menuju
ke blog ini, hehehe. Adapun untuk kali ini, informasi yang akan
disampaikan adalah tentang kode HTML bagi huruf Arab, yaitu:
ء = ء, آ = آ, أ = أ, ؤ = ؤ, إ = إ,
ئ = ئ, ا = ا, ب = ب, ة = ة, ت = ت, ث = ث, ج = ج, &x62D; = ح, خ = خ, &#x62F = د, ﷲ = ﷲ, ذ = ذ, ر = ر, &#x632 = ز, ش = ش, ص = ص, ض = ض, ط = ط, ظ = ظ, ع = ع ـ = ـ, ي = ي, 撚 = 撚 غ = غ ف = ف ق = ʂ ك = ك ل = ل م = م ن = ن ه = ه و =و ى = ى ʊ = ِ ١ = ١ ٢ = ٢ ٣ = ٣ ٤ = ٤ ٥ = ٥ ٦ = ٦ ٧ = ٧ ٨ = ٨ ٩ = ٩ ٠ = ٠
NB : Kode ini dapat langsung disambungkan, dan ditulis dari kiri seperti biasa nanti secara otomatis akan tertulis dari kanan.

<i></i> untuk memiringkan teks, seperti Abduh
<u></u>  untuk menggarisbawahi teks, seperti Abduh
<p></p>  untuk membuat paragraph baru
<super></super> untuk membuat efek superscript, hasilnya Abduh
<sub></sub> untuk membuat efek subscript, hasilnya Abduh
<quote></quote> untuk membuat sebuah kutipan
<strike></strike> untuk membuat teks dicoret seperti Abduh.
Selain itu, kita juga bisa mengubah warna teks, dengan kode HTML: <span style="color: red;">Abduh</span>
Hasilnya seperti ini : Abduh. Untuk mengubah warna, ganti red dengan warna lain, seperti yellow atau green.
Adapun untuk mengubah ukuran teks dengan mengubah angka dalam kode di bawah ini:<span style="font-size: 16.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Abduh</span>
                Abduh   
Akan memberi hasil : Abduh
Kita juga bisa menetukan margin (jarak teks dari batas), dengan kode: 

Batas atas: <span style="margin-top:20px;">Teks</span> 
Batas bawah: <span style="margin-bottom:20px;">Teks</span> 
Batas kiri: <span style="margin-left:20px;">Teks</span> 
Batas kanan: <span style="margin-right:20px;">Teks</span> 
Ingin mengubah format perataan (aligment) teks? Caranya mudah, yaitu dengan memakai kode HTML ini: 
Rata kiri: <p style="text-align:left;>Teks</p> 
Rata kanan: <p style="text-align:right;>Teks</p> 
Rata tengah : <p style="text-align:center;>Teks</p> 
Rata kanan kiri: <p style="text-align:justify;>Teks</p> 
Bila Anda ingin mencetak hasil pengolahan kata tersebut setelah selesai, silahkan ketik Ctrl+P, atau bisa juga dengan mengetikkan kode HTML ini: <a href="http://abduh.us.to onclick="window.print();return false;">Cetak</a>

2 komentar:

Silahkan anda sampaikan pendapat anda, karena pendapat manusia sebagai makhluk berakal dan berhati harus dihargai.