Belajar CSS Sesi 3: Mengatur Hyperlink Pada CSS

Belajar CSS Sesi 3: Mengatur Hyperlink Pada CSS – Semoga anda terbantu dengan isi dari Postingan ini. Setelah anda membaca untuk dasar penulisan syntax pada css, sekarang kita lanjut ke tutorial yang ketiga yang membahas tentang “Mengatur Hyperlink Pada CSS“. Tanpa basa basi yuk di simak selengkapnya tentang Mengatur Hyperlink Pada CSS.

Mengatur Hyperlink

Hyperlink adalah sebuah tautan link yang dibuat untuk mengalihkan dari halaman 1 ke halaman lainnya saat anda mengklik hyperlink tersebut. Hyperlink atau biasa kita sebut link dibuat dengan menggunakan html tag <a> dan diakhiri dengan penutup tag pada HTML. Gunanya untuk apa mengatur hyperlink? Banyak manfaatnya, salah satunya adalah untuk mempercantik sebuah tautan link supaya menarik untuk di klik oleh orang lain, dan mengatur hyperlink tersebut sangatlah mudah dan tidak terlalu sulit untuk dipelajari.

Apa yang bisa kita lakukan untuk mengatur hyperlink?

Ada 4(empat) yang dapat dilakukan untuk mengatur hyperlink supaya menarik untuk di klik oleh orang lain, berikut adalah 4(empat) yang dapat dilakukan untuk mengatur link:

  • 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 syntaxnya, anda bisa melihatnya dibawah ini, saya menggunakan internal style untuk penulisan syntax CSS:

 <!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        .link:hover{
        color: gray;
    }
        .link:link{
        color: green;
    }
        .link:active{
        color: blue;
    }
        .link:visited{
        background: red;
    }
    </style>
        <title>Belajar CSS Sesi 3: Mengatur Hyperlink Pada CSS</title>
</head>
<body>
    <p>Ini adalah sebuah hyperlink!</p><br />
    <a href="#" class="link">Klik hyperlink!</a>
</body>
</html> 

Result

Sekian artikel ini, semoga kedapannya setelah anda membaca artikel “Belajar CSS Sesi 3: Mengatur Hyperlink Pada CSS” dapat anda fahami dengan mudah artikel tersebut.

Tutorial CSS Dasar Lainnya:
Belajar CSS Sesi 1: Pengertian dan Fungsi CSS
Belajar CSS Sesi 2: Dasar Penulisan Syntax CSS
Belajar CSS Sesi 3: Mengatur Hyperlink Pada CSS