Video: Photoshop CC 2019 - Full Tutorial for Beginners [+General Overview] 2024
Secara umum, browser menampilkan tautan sebagai teks bergambar biru. Awalnya, perilaku default ini meminimalkan kebingungan antara konten pada halaman dan tautan interaktif. Saat ini, hampir setiap gaya situs web link dengan caranya sendiri. Beberapa situs web tidak menggarisbawahi tautan; Yang lain mempertahankan garis bawahi tapi link gaya dalam warna selain biru; dan seterusnya.
Elemen jangkar HTML (
a
) digunakan untuk membuat tautan. Teks antara tag jangkar pembuka dan penutup adalah deskripsi tautan, dan URL yang ditetapkan di atribut
href
adalah alamat yang dilihat browser saat tautan diklik.
Tag anchor telah berevolusi dari waktu ke waktu dan hari ini memiliki empat status:
-
link: Tautan yang belum pernah dikunjungi pengguna atau dikunjungi -
dikunjungi: A link yang telah diklik pengguna atau kunjungi -
hover: Tautan yang dihinggapi kursor mouse di atas mouse tanpa mengklik -
aktif: Tautan yang pengguna sudah mulai klik namun belum dirilis tombol mouse
CSS dapat membuat gaya masing-masing dari keempat negara bagian ini, paling sering dengan menggunakan properti dan nilai ini.
| Nama Properti | Nilai Kemungkinan | Deskripsi |
warna
|
nama
|
Warna link yang ditentukan menggunakan nama (
warna: biru;
), kode heksadesimal (
warna: # 0000FF;
), atau nilai RGB (
warna: rgb (0, 0, 255); >).
hiasan teks |
tidak ada
|
garis bawahi
|
Contoh berikut gaya link dengan cara yang mirip dengan cara mereka ditata dalam artikel di Wikipedia, di mana link tampak biru secara default, digarisbawahi pada mouse hover, dan oranye saat aktif. Seperti yang ditunjukkan di bawah ini, tautan pertama ke Chief Technology Officer Amerika Serikat tampak digarisbawahi karena jika mouse melayang di atasnya. Selain itu, tautan ke Google tampak oranye seperti jika aktif dan mouse mengekliknya. |
a: link {
warna: rgb (6, 69, 173);
hiasan teks: tidak ada;
}
a: visited {
color: rgb (11, 0, 128)
}
a: hover {
hiasan teks: garis bawahi
}
a: aktif {
warna: rgb (250, 167, 0)
}
Wikipedia. halaman org yang menunjukkan link, mengunjungi, hover, dan active states.
a
dan status link.
Meskipun menjelaskan mengapa berada di luar cakupan buku ini, spesifikasi CSS berkeras bahwa Anda menentukan berbagai negara bagian dalam urutan yang ditunjukkan di sini - link, visited, hover, dan kemudian aktif.Namun, dapat diterima untuk tidak menentukan status tautan, selama pesanan ini dipertahankan.
Berbagai status link dikenal sebagai
pemilih kelas pseudo. Pseudo-class selectors menambahkan kata kunci ke penyeleksi CSS dan memungkinkan Anda untuk menata keadaan khusus dari elemen yang dipilih.
