Ruby Element ~ Alami Computer

Assalamu’alaikum Wr. Wb

Pengantar

Hai bagaimana kabarnya? Semoga baik-baik saja ya teman-teman. Melanjutkan artikel yang sebelumnya membahas tentang tag Mark Element. Dan pada kesempatan kali ini akan membahas tag ruby pada HTML.

Harapan saya teman-teman dapat mempraktekan dan lebih baik lagi memahami materi kali ini dengan catatan di ulang pelajaran yang sudah dipraktekan agar tidak lupa. Teman-teman mulai dari sini harus membaca dengan teliti agar tidak salah memahami materinya. Semoga sukses dan berhasil, Amin.

Praktek HTML

Tag Ruby

Tag Ruby adalah karakter khusus yang digunakan untuk bahasa asia timur seperti Jepang, China, atau Korea. Ruby berasal dari bahasa inggris yang menunjukan karakter “furigana” dalam bahasa Jepang.

Tag <ruby> adalah tag dari HTML5. Tag <ruby> ditulis dengan “tag pembantu” yaitu tag <rt> dan tag <rp>.

Tag <rt> kepanjangan dari ruby text berfungsi ‘menaikkan’ karakter, seperti pengucapan dari karakter kanji. Sedangkan tag <rp> kepanjangan dari ruby parentheses yang berfungsi menambah tanda kurung, tag <rp> akan memisahkan bagian ‘kanji’ dan ‘pengucapan’.

Mari kita praktekan dengan text editor, tapi sebelum itu kita akan menambahakan karakter huruf di keyboard laptop atau komputer agar bisa menulis tag <ruby> caranya adalah :

Klik start pilih control panel
Gambar 1 control panel

Setelah itu klik pada view by ganti jadi small icons
Gambar 2 control panel pilih category
Lalu pilih “Regional and Language” klik pada tab “Keyboards and Languages”
Gambar 3 control panel pilih item
Gambar 4 Regional and Language
Pada kotak “Text Servives and Input Languages” klik “Add”
Gambar 5 text services and input languages
Pada kotak “Add Input Language” pilih bahasa “Japanese (Japan)” ceklis “Japanese dan Microsoft IME” setelah itu klik “OK”
Gambar 6 pilih bahasa Japan untuk keybaordnya
Setelah itu Klik “Aply > OK” dan kita cek apakah sudah terpasang karakter huruf Jepang
Gambar 7 klik apply lalu ok
Gambar 8 pilih JP
Jika sudah ada makan akan muncul Pojok kanan bawah “JP Japanese”. (Japan)
Sampai tahap ini sudah selesai menambahakan karakter jepang huruf untuk tulisan tag <ruby>.

Selanjutnya kita akan mencoba tag <ruby> pada texteditor Notepad++, mari kita praktekan.

Gambar 9 kode ruby
Hasil dari kode yang sudah dibuat akan tampil di browser seperti
Gambar 10 hasil kode ruby

Kesimpulan

Pembahasan tentang format text yang digunakan untuk keperluan efek text menandai kata-kata atau kalimat yang diperlukan tandai. Tujuannya teman-teman yang membuat file html atau pemograman bisa menggunakan dengan baik dan sesuai dengan fungsi dan kelayakan pada sebuah kode-kode program yang akan dijalankan.

Terimakasih sudah berkunjung sampai ketemu di artikel selanjutnya, jangan lupa ikuti chanel kami yaitu :

Youtube Alami Computer

Website Alami Computer

Instagram chaerullah.fadli

Daftar Pustaka : Tim Riset Alami Computer

Ruby Element

22 komentar: