Bagaimana mengubah warna link pada halaman web
Berikut adalah langkah-langkah bagaimana Anda dapat mengubah warna link yang ditampilkan di halaman web Anda menggunakan HTML dan CSS. Meskipun warna link dapat dilakukan dengan tag HTML BODY, kami selalu menyarankan untuk melakukan pengaturan gaya apa pun di CSS seperti yang ditunjukkan di bawah ini.
Saat menentukan warna elemen halaman web apa pun, Anda mungkin perlu menggunakan kode warna HTML. Untuk warna utama, Anda juga dapat menentukan nama warna tersebut daripada menggunakan kode warna, misalnya, merah, biru, hijau, dan hitam daripada menggunakan nilai kode warna yang sesuai.
Memahami berbagai jenis hyperlink
Hyperlink adalah elemen khusus di halaman Anda, karena bersifat interaktif. Untuk menunjukkan bahwa mereka interaktif, warnanya berbeda tergantung pada statusnya. Hyperlink memiliki tiga warna khusus, selain warna aslinya, yang mewakili tiga status berbeda:
- Tautan yang dikunjungi – Warna tautan yang dikunjungi. Jika hyperlink berwarna seperti ini, pengguna dapat berharap bahwa mengklik link tersebut akan membawa mereka ke halaman yang telah mereka lihat.
- Arahkan tautan – Warna saat mouse melayang di atas tautan. Jika hyperlink berwarna seperti ini, pengguna dapat berharap bahwa menekan tombol kiri mouse (mengklik), lalu melepaskan tombol, menyebabkan link tersebut dikunjungi. Warna hover sama untuk link “Aktif” dan “Dikunjungi”.
- Tautan Aktif – Warna tautan saat diklik. Ketika pengguna melihat warna ini, mereka dapat berharap bahwa melepaskan tombol mouse menyebabkan browser mengunjungi link tersebut.
Lihat definisi hyperlink kami untuk informasi lebih lanjut dan pertanyaan terkait hyperlink.
Contoh warna link CSS
Pada contoh CSS di bawah ini, kami mengatur warna hyperlink agar menyerupai apa yang ditampilkan di halaman ini. Pertama, semua jangkar disetel ke # 2c87f0 (bayangan biru), # 636 bayangan ungu, dan semua hover dan tautan aktif warna: # c33 (merah). Kode di bawah ini dapat ditambahkan ke elemen gaya CSS atau di file .css Anda.
a { color: #2c87f0; } a:visited { color: #636; } a:hover, a:active, a:focus { color:#c33; }
Jika halaman Anda tidak menggunakan CSS, langkah-langkah di bawah ini menunjukkan bagaimana melakukan ini di tag HTML BODY. Namun, seperti yang disebutkan sebelumnya, kami sangat menyarankan untuk menggunakan kode CSS di atas sebagai ganti tag body. Anda dapat menambahkan kode di atas ke dalam file CSS dan menautkan semua halaman web Anda ke file CSS itu. Kemudian, Anda dapat mengubah nilai warna latar belakang di satu file CSS itu untuk langsung mengubah warna latar belakang semua halaman yang menautkannya.
Contoh tag tubuh HTML
Dalam beberapa situasi yang sangat jarang, CSS mungkin tidak dapat digunakan. Untuk situasi tersebut, Anda juga dapat menentukan warna latar belakang, warna teks, warna tautan, dan nilai lain di tag badan HTML seperti yang ditunjukkan di bawah ini.
Berikut adalah deskripsi dari setiap atribut HTML di tag body.
TEKS = Warna teks.
TAUTAN = Warna tautan.
VLINK = Warna tautan yang dikunjungi.
SEBUAH LINK = Warna tautan aktif atau warna tautan yang berubah saat diklik.
BGCOLOR = Warna latar halaman.