Ruby Element

By Labels: at

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 bawahJP 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


22 komentar:

  1. websitenya simpel min dan artikelnya juga keren

    BalasHapus
  2. artikelnya keren min detail

    BalasHapus
  3. mantap artikelnya min, cukup simpel websitenya

    BalasHapus
  4. keren mas websitenya, dan artikelnya

    BalasHapus
Berkomentar dengan baik dan benar

Back to Top