Di bawah ini adalah langkah-langkah tentang bagaimana Anda dapat mengubah warna tautan yang ditampilkan di halaman web Anda menggunakan HTML dan CSS. Meskipun warna tautan dapat dilakukan dengan tag BODY HTML, kami selalu menyarankan untuk melakukan pengaturan gaya pada CSS seperti yang ditunjukkan di bawah ini.

Tip: Saat menentukan warna elemen halaman web apa pun, Anda mungkin perlu menggunakan kode warna HTML. Untuk warna-warna utama, Anda juga dapat menentukan nama-nama warna tersebut alih-alih menggunakan kode warna, misalnya, merah, biru, hijau, dan hitam alih-alih menggunakan nilai kode warna yang dihormati.

Memahami berbagai jenis hyperlink

Hyperlink adalah elemen khusus pada halaman Anda, karena bersifat interaktif. Untuk menunjukkan bahwa mereka interaktif, mereka diberi warna berbeda tergantung pada negara mereka. Hyperlink memiliki tiga warna khusus, selain warna aslinya, yang mewakili tiga keadaan berbeda:

1. Link yang dikunjungi - Warna setelah link dikunjungi. Jika hyperlink adalah warna ini, pengguna dapat berharap bahwa mengklik tautan akan membawa mereka ke halaman yang telah mereka lihat.
2. Arahkan kursor - Warna saat mouse melayang di atas tautan. Jika hyperlink adalah warna ini, pengguna dapat berharap bahwa dengan menekan tombol kiri mouse (mengklik), kemudian melepaskan tombol, akan menyebabkan tautan dikunjungi. Arahkan warna sama untuk tautan Aktif dan Dikunjungi.
3. Tautan Aktif - Warna tautan saat diklik. Ketika pengguna melihat warna ini, mereka dapat berharap bahwa melepaskan tombol mouse akan menyebabkan browser mengunjungi tautan.

Kiat: Lihat definisi hyperlink kami untuk informasi lebih lanjut dan pertanyaan terkait ke hyperlink.

Contoh warna tautan CSS

Pada contoh CSS di bawah ini, kami mengatur warna hyperlink agar menyerupai apa yang ditampilkan pada halaman ini. Pertama, semua jangkar diatur ke # 2c87f0 (warna biru), # 636 warna ungu, dan semua warna tautan hover dan active: # c33 (merah). Kode di bawah ini dapat ditambahkan ke elemen gaya CSS atau dalam file .css Anda.

 a {color: # 2c87f0; } a: visited {color: # 636; } a: arahkan kursor, a: aktif, a: fokus {warna: # c33; } 

Jika halaman Anda tidak menggunakan CSS atau Anda tidak ingin mengonversi ke CSS, di bawah ini adalah langkah-langkah tentang bagaimana melakukan ini di tag BODY dalam kode HTML. Namun, seperti yang disebutkan sebelumnya, kami sangat merekomendasikan menggunakan kode CSS di atas daripada tag tubuh. Anda dapat menambahkan kode di atas ke dalam file CSS dan menautkan semua halaman web Anda ke file CSS itu. Kemudian, Anda bisa mengubah nilai warna latar belakang dalam satu file CSS itu untuk secara instan mengubah warna latar belakang semua halaman yang terhubung dengannya.

Contoh tag tubuh HTML

Dalam beberapa situasi yang sangat jarang, mungkin tidak mungkin menggunakan CSS. Untuk situasi itu, Anda juga dapat menentukan warna latar belakang, warna teks, warna tautan, dan nilai-nilai lain dalam tag tubuh HTML seperti yang ditunjukkan di bawah ini.

Di bawah ini adalah deskripsi masing-masing atribut HTML dalam tag tubuh.

TEXT = Warna teks.

LINK = Warna tautan.

VLINK = Warna tautan yang dikunjungi.

ALINK = Warna tautan aktif atau warna tautan berubah ketika diklik.

BGCOLOR = Warna latar belakang halaman.