Mengubah warna teks pada HTML sebuah website dapat anda lakukan tanpa menggunakan CSS. Anda dapat dengan mudah mengganti warna pada sebuah website dengan menambahkan beberapa baris kode pada HTML. Sehingga tidak perlu menghubungkan CSS dengan HTML dan membuat file CSS tambahan secara terpisah.
Ketika membuka halaman website yang sedang anda kunjungi, pernahkah kamu melihat tampilan website begitu indah. Menggunakan font yang enak terlihat santai, warna pada teks artikel, hingga template yang digunakan sangat sesuai dengan tema website. Tapi dibalik itu semua ada programmer yang menata barisan code program agar tampilan website sesuai dengan yang anda inginkan. Bahkan jika website begitu kompleks maka terdapat barisan kode program yang rumit dan panjang.
Programmer membuat warna pada teks, menambahkan menu-menu, dan hal lain yang dibutuhkan untuk membuat tampilan menjadi lebih menarik. Dan untuk mengubah warna pada website dapat anda lakukan dengan beberapa cara, salah satunya ialah menambahkan beberapa baris kode pada HTML. Dan berikut langkah-langkahnya.
1. Membuka Teks Editor
Untuk dapat menulis barisan kode yang akan anda buat, gunakan code editor agar menjadi lebih mudah. Karena jika terjadi kesalahan dalam penulisan kode dapat mencarinya dengan mudah. Tidak hanya itu teks editor akan menyarankan kode yang akan tuliskan selanjutnya. Pada praktek ini saya menggunakan code editor Sublime Text, dan kamu bisa menggunakan kode editor lain sesuai selera anda.
2. Simpan File dengan Ekstensi .html
Buat project baru dengan nama ubahwarna.html atau dengan nama apa saja kemudian simpan. Menyimpan file project sebaiknya pada awal memulai coding, karena jika belum menyimpannya teks editor tidak akan menyarankan code ke anda.
3. Buat Tag HTML
Buat tag html pada teks edit untuk membuat satu halaman utuh. Jika menggunakan sublime teks, ketik html lalu tekan tab pada keyboard. Maka secara otomatis Text Editor akan membuat barisan kode html yang anda perlukan.
4. Tambahkan Judul dan Buat Header
Pada tittle buat judul yang anda inginkan, dan buat 1 buah header. Sebagai contoh saya membuat tittle dengan nama Mengubah warna.
5. Mengubah Warna Teks pada Header
Untuk mengubah warna teks pada header, tambahkan tag h2 dan beri warna pada tag h2 dengan kode seperti berikut ini.
Ini Merah
Ini Biru
Ini Hijau
Kemudian simpan dan jalankan file HTML. Maka akan terlihat seperti berikut ini. Terdapat teks dengan warna merah, hijau, dan kuning.
Akhir Kata
Itulah cara mengubah warna teks pada HTML tanpa CSS. Semoga artikel ini bermanfaat, dan apabila ada yang ingin anda tanyakan dapat menuliskan pada kolom komentar. Sekian dulu dari saya, terima kasih.
Weekend ini pengen pergi ke luar rumah kayaknya berat sekali ingin melangkahkan kaki, seperti rumah ini berteriak jangan tinggalkan aku, jangan tinggalkan aku, nanti aku sendirian, memang aku di rumah sendirian orang tua ku sudah pisah rumah dari ku, yah jadi temen setia yang selalu menemani ku di rumah adalah pc ini, mudah"an weekend kalian always have fun, di weekend ini saya akan memberikan kepada kalian bagaimana cara untuk mengganti warna teks dengan warna yang kalian inginkan.
Untuk mengubah warna suatu teks, elemen yang di gunakan adalah FONT dengan atribut COLOR, mengubah warna dapat dilakukan dengan 2 cara yaitu :
1. dengan nama warna
"green" "blue" "red"
2.dengan kode hexadecimal
" #008000 " = green " #0000FF " = blue " #FF0000 " = redSintak :
...
Sekarang kita buat file html lalu ketikan kode dibawah ini, kept in mind jangan selalu copas [copy, paste] dan ketik kode di bawah ini untuk kalian bisa dengan mudah untuk menghafalnya.
Example :
mengganti warna teks
teks dengan kode nama warna green
teks dengan kode nama warna blue
teks dengan kode nama warna redteks dengan kode hexadecimal #008000
teks dengan kode hexadecimal #0000ff
teks dengan kode hexadecimal #ff0000
Lalu simpan dan buka hasilnya
Gimana mudah kan manteman aku juga buatkan beberapa kode hexadecimal, jika kalian masih kurang dalam membutuhkan warna, kalian bisa buka software adobe photoshop dan klik pada kotak gambar yang ada di paling bawah sebelah kiri namanya adalah set foreground color, di situ ada dari ribuan kode warna yang kalian inginkan