Wednesday, August 9, 2017

Hiperlink Dengen CSS


Muhammad Aqshol Rifanza - Hyperlink merupakan link yang berguna untuk mengaralihkan halaman ketika link diklik. Hyperlink ini dibuat menggunakan tag <a> dan diakhiri dengan </a> . Untuk mengatur hyperlink dengan CSS bisa saya katakan cukup mudah. Pada tutor kali ini akan dijelaskan tentang cara mengatur hyperlink dengan CSS, mulai dari merubah warnanya ketika link diklik dan sebagainya.

Ada empat status yang di miliki oleh hyperlink html dan bisa di manipulasi dengan menggunakan css. yaitu :







  • link : Merupakan link aktif biasa.
  • visited : Merupakan status sebuah link yang telah di kunjungi.
  • hover : Merupakan status link ketika kursor diarahkan pada link maka gayanya akan berubah
  • active : Merupakan status sebuah link atau hyperlink pada saat sudah di klik.


  • Untuk penggunaan atau pemanggilan hyperlink menurut statusnya dapat di tulis dengan syntax:
    • a:link = Merupakan status sebuah link biasa
    • a:visited = Merupakan status sebuah link yang telah di kunjungi.
    • a:hover = Merupakan status sebuah link ketika kursor diarahkan pada link maka gayanya akan berubah
    • a:active = Merupakan status sebuah link atau hyperlink pada saat sudah di klik.



    Kesimpulan
    Perlu diperhatikan Saat penulisan CSS untuk beberapa kondisi link harus memperhatikan urutan. Yaitu hover harus ditulis setelah link dan visited, kemudian active harus ditulis setelah hover.


    Referensi


    • http://www.script-kiddies.org
    • http://www.malasngoding.com

    Sekian ya kawan, terima kasih .....

    0 comments:

    Post a Comment