Text Pelangi adalah sebuah text (teks) yang di beri style 'rainbow_text' yang sebenarnya bukanlah termasuk dalam styling normal yang ada di dalam HTML, melaikan sebuah penambahan style menggunakan javascript sehingga membuat dokumen HTML dapat menampilkan text dengan efek warna-warni atau yang di sebut dengan 'Text Pelangi'.
Baiklah berikut ini cara membuat Text Pelangi pada sebuah dokumen HTML.
Langkah-langkah:
Cara Membuat Text Pelangi Pada Dokumen HTML:
Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.
Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
Sekarang mari kita mulai untuk membuat Text Pelangi pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Cara Membuat Text Pelangi Pada Dokumen HTML </title>
Sisipkan JavaScript Text Pelangi di atas tag </head> seperti pada code di atas, ganti 'js/rainbowtext.js' dengan url tempat Anda menyimpan JavaScript. (Sudah ada di dalam file example).
Setiap akan membuat text pelangi, Anda gunakan tag <span class="rainbow_text"> Kemudian jangan untuk menutup tag'nya dengan </span>.
Pada contoh di atas ganti Text Pelangi dengan content text Anda.
0 Comments
