Tutorial Dasar Website-Link (Hyperlink)

Rafiqi, S.Kom.
Rafiqi, S.Kom.
Juli 19, 2024
2
Tutorial Dasar Website-Link (Hyperlink)

Membuat Link (Hyperlink)


Hi Web Developer! kali ini guru design akan berbagi tutorial cara membuat link (hyperlink) di website. Pada materi yang lalu guru design membagikan Tutorial Dasar Website-Menampilkan Gambar dan video youtube langsung ketutorialnya Jadi untuk membuat link (hyperlink) di website sangat mudah tinggal kita gunakan tag dibawah ini:

<p><a href="http://www.gurudzgn.com" target="_blank">Kunjungi Guru Design</a></p>
<p><a href="http://www.Facebook.com" target="_blank">Kunjungi Facebook</a></p>
<p><a href="http://www.google.com" target="_blank"> Kunjungi Google</a></p>

 

Begini Penerapannya

 

<html>
    <head>
        <title> Judul mu tulis disini </title>
    </head>
        <body>
            <p><a href="http://www.gurudzgn.com" target="_blank">Kunjungi Guru Design</a></p>
            <p><a href="http://www.Facebook.com" target="_blank">Kunjungi Facebook</a></p>
            <p><a href="http://www.google.com" target="_blank"> Kunjungi Google</a></p>        
        </body>
</html>

 

Begini Demonya

Kunjungi Guru Design
Kunjungi Facebook
Kunjungi Google

 

Catatan

target="_blank" digunakan untuk membuka halaman baru, jadi saat link di klik maka akan terbuka di halaman baru atau tab baru.
jika anda menginginkan tetap di halaman maka targetnya di hapus saja contoh:

<a href="http://www.gurudzgn.com">Kunjungi Guru Design</a>


NEXT Tutorial Dasar Website-Cascading Style Sheet (CSS) (Ready)
Sekian tutorialnya trimakasih semoga bermanfaat.
Rafiqi, S.Kom.