Belajar CSS part 6 (hyperlink)

ASSALAMU'ALAIKUM Wr. Wb. 

Mengatur Hyperlink dengan CSS

Hyperlink meruoakan link yg dibuat untuk mengakihkan halaman saat di klik. Link dibuat dengan menggunakan tag <a> dan diakhiri tag </a> di HTML. dan untuk menpercantik, mengubah atau mengatur link dengan CSS caranya sangat mudah. pada kali ini menngatur link dengan CSS ini akan dijelaskan tentang cara mengatur hyperlink dengan CSS. mulai dari membuat warna pada link, mengubah link menjadi bentuk tombol, membuat tampilan link berubah pasa saat di Klik dan sebagainya.

Ada 4 status yg dimiliki oleh link html dan bisa di manipulasi dengan menggunakan CSS, yaitu:

• link. merupakan link aktif biasa.
• visited. merupakan status sebuah link yg telah dikunjungi.
• hover. merupakan status sebuah link pada saat diletakkan cursor diatasnya.
• active. merupakan status sebuah lik pada saat di klik.

Untuk penggunaan atau pemanggilan link menurut statusnya dapat ditulis dengan syntak:

• a:link = untuk link biasa.
• a:visited = merupakan status sebuah link yg telah dikunjungi.
• a:hover = merupakan status sebuah link pada saat diletakkan cursor mouse diatasnya.
• a:active = merupakan status sebuah link pada saat sudah di Klik.

Berikut contoh pengerjaannya,

index.html

style.css

dan hasilnya

ketika di Klik

Sekian dari saya apabila ada kesalahan saya minta maaf. TerimaKasih

WASSALAM