-

Belajar CSS Part 6 : Mengatur Hyperlink dengan CSS


belajar CSS mengatur hyperlink dengan css

Belajar CSS Mengatur Hyperlink dengan CSS

Hyperlink merupakan link yang dibuat untuk mengalihkan halaman saat di klik. hyperlink atau link dibuat dengan menggunakan tag <a> dan di akhiri dengan tag </a> di HTML. dan untuk mempercantik, mengubah atau mengatur hyperlink dengan css caranya sangat mudah. pada tutorial belajar css mengatur hyperlink dengan css ini akan di jelaskan tentang cara mengatur hyperlink dengan css. mulai dari membuat warna pada link, mengubah link menjadi bentuk tombol, membuat tampilan hyperlink berubah pada saat di klik 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 sebuah link pada saat diletakkan cursor mouse di atasnya.
  • 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 = untuk link biasa
  • a:visited = merupakan status sebuah link yang telah di kunjungi.
  • a:hover = merupakan status sebuah link pada saat diletakkan cursor mouse di atasnya.
  • a:active = merupakan status sebuah link atau hyperlink pada saat sudah di klik.

berikut ini adalah contoh mengatur hyperlink dengan css

index.html

style.css

mengatur hyperlink dengan css

mengatur hyperlink dengan css

dan saat cursor di letakkan pada link

Tutorial belajar css dasar mengatur hyperlink dengan CSS

saat cursor mouse di letakkan di atas link

design link dengan css

index.html

style.css

Tutorial belajar css dasar mengatur hyperlink dengan CSS

Incoming search terms:

  • membuat link dengan css
  • cara membuat link di css
  • cara merubah warna link di html
  • Cara merubah warna link di
  • style pada hyperlink
  • Cara membuat link dengan css
  • merubah warna link css
  • cara membuat hyperlink di css
  • css mengedit link menjadi tombol
  • https://www malasngoding com/belajar-css-mengatur-hyperlink-dengan-css/



Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

TUTORIAL MENARIK LAINNYA

Membuat Lingkaran Dengan CSS

Membuat Lingkaran Dengan CSS Membuat Lingkaran Dengan CSS – Pada tutorial ini kita akan belajar membuat lingkaran atau nembuat bulat dengan menggunakan CSS. Memang mungkin ...
Membuat Template Web Responsive Dengan HTML dan CSS
Cara Membuat Text Di Tengah Dengan HTML dan CSS
cara disable resize form textarea dengan css
Diskusi
Tidak Ada Komentar

Tulis Komentar / Pertanyaan

Your email address will not be published. Required fields are marked *