Cara Mengubah Warna Tautan Di Html

Daftar Isi:

Cara Mengubah Warna Tautan Di Html
Cara Mengubah Warna Tautan Di Html

Video: Cara Mengubah Warna Tautan Di Html

Video: Cara Mengubah Warna Tautan Di Html
Video: Belajar HTML Part 11: Cara Mengubah Tampilan Warna Tautan HTML 2024, Mungkin
Anonim

Warna tautan HTML diatur menggunakan arahan tag yang sesuai. Anda juga dapat menggunakan kode CSS untuk mengubah parameter tag, yang memungkinkan Anda menyesuaikan warna dan tata letak halaman dengan lebih akurat.

Cara mengubah warna tautan di html
Cara mengubah warna tautan di html

html

Buka file HTML dengan editor teks apa pun. Untuk melakukan ini, klik kanan pada file dan pilih "Buka Dengan", lalu pilih program yang akan digunakan.

Buka tag halaman dan atur atribut tautan, vlink, dan tautan tambahan. Parameter link menentukan warna link biasa pada halaman dan secara default berwarna biru. Menambahkan atribut alink akan mengubah warna saat mengklik kiri (merah secara default). Vlink menunjukkan warna tautan yang telah dikunjungi. Anda dapat mengatur parameter sebagai berikut:

Dalam contoh ini, warna teks yang diberi tag telah diubah menjadi hitam. Saat diklik dengan mouse, fragmen akan disorot dengan warna hijau. Saat Anda mengunjungi kembali halaman tersebut, Anda akan melihat bahwa tautannya berwarna coklat.

Alih-alih menentukan nama bahasa Inggris, Anda juga dapat menggunakan nilai hex HTML untuk mengatur warna yang diinginkan:

CSS

Atribut CSS dapat digunakan untuk mengatur warna pada halaman. Sebagai contoh:

Tautan

Tautan 2

Warna teks diatur dengan menentukan parameter warna CSS dalam atribut gaya, yang dapat ditentukan dalam format heksadesimal atau kata.

Untuk mengatur warna semua tautan di halaman menggunakan CSS, buka bagian. Tentukan tag untuk mendeklarasikan penggunaan stylesheet dalam dokumen, lalu atur parameter yang dikunjungi, aktif, dan arahkan kursor untuk tag. Misalnya, sepotong kode mungkin terlihat seperti ini:

Judul halaman

a {warna: hijau; }

a: dikunjungi {warna: abu-abu; }

a: aktif {warna: kuning; }

a: hover {warna: oranye; }

& lt / kepala>

Atribut a sederhana menunjukkan warna tautan normal yang ditempatkan pada halaman. A: visit mendefinisikan gaya untuk link yang dikunjungi sebelumnya, a: active akan disorot saat mengklik. Arahkan kursor menetapkan opsi warna untuk mengarahkan kursor ke teks.

Simpan perubahan yang dibuat dalam file dan periksa hasil kode yang Anda tentukan di jendela browser. Jika semua parameter ditentukan dengan benar, Anda akan melihat perubahan pada tampilan hyperlink. Untuk membuka dokumen HTML di browser, klik dua kali dengan tombol kiri mouse atau klik kanan dan pilih item yang sesuai dari menu tarik-turun "Buka dengan".

Direkomendasikan: