-->

Belajar HTML #14 : Cara membuat Tautan HTML

Konten [Tampil]

    Tautan HTML atau HTML Link, Salah satu elemen penting dari HTML adalah hyperlink atau tautan, yang memungkinkan pengguna untuk beralih ke halaman web lain atau bagian yang berbeda pada halaman yang sama. Di dalam HTML, hyperlink ditentukan menggunakan tag <a> (anchor). 

    Tautan HTML

    Berikut ini adalah cara membuat hyperlink atau tautan pada HTML:

    Membuat Tautan ke Halaman Web Lain 

    Untuk membuat tautan ke halaman web lain, cukup gunakan tag <a> dan atur atribut href dengan URL atau alamat web tujuan. Contoh:

    
    <a href="https://www.contohwebsite.com">Kunjungi Contoh Website</a>
    

    Membuat Tautan ke Halaman yang Sama 

    Untuk membuat tautan ke halaman yang sama, Anda dapat menggunakan alamat URL relatif atau hashtag (#) dan ID elemen target. Contoh:

    
    <a href="#tentang-kami">Tentang Kami</a> 
    ... 
    <h2 id="tentang-kami">Tentang Kami</h2> 
    <p>Kami adalah sebuah perusahaan yang bergerak di bidang...</p>
    

    Membuat Tautan dengan Gambar 

    Anda juga dapat membuat tautan dengan menggunakan gambar atau ikon. Untuk melakukannya, gunakan tag <a> dan letakkan tag <img> di dalamnya. Atur atribut src untuk menentukan alamat gambar dan atribut alt untuk memberikan deskripsi gambar. Contoh:

    
    <a href="https://www.contohwebsite.com"><img src="logo.png" alt="Logo Contoh Website"></a>
    

    Atribut Target 

    Atribut target digunakan untuk menentukan di mana halaman web atau dokumen baru akan dibuka ketika tautan diklik. Atribut target dapat memiliki dua nilai: _blank untuk membuka halaman web atau dokumen baru di jendela atau tab baru, atau _self untuk membuka halaman web atau dokumen baru di jendela atau tab yang sama. Contoh:

    
    <a href="https://www.contohwebsite.com" target="_blank">Kunjungi Contoh Website</a>
    

    Atribut Title 

    Atribut title digunakan untuk memberikan informasi tambahan tentang tautan ketika kursor diarahkan ke tautan tersebut. Atribut title akan menampilkan teks tooltip yang menjelaskan konten tautan. Contoh:

    
    <a href="https://www.contohwebsite.com" title="Kunjungi Contoh Website">Contoh Website</a> 
    

    Atribut Download 

    Atribut download digunakan untuk menentukan nama file yang akan diunduh ketika tautan diklik. Atribut download hanya berlaku untuk tautan yang mengarah ke file, seperti gambar, video, atau dokumen. Contoh:

    
    <a href="file.pdf" download>Unduh File PDF</a> 
    

    Demikianlah cara membuat hyperlink atau tautan pada HTML beserta beberapa atribut penting yang dapat digunakan untuk memperkaya tautan. Dengan menggunakan hyperlink dengan benar, pengguna dapat dengan mudah menjelajahi dan menavigasi halaman web yang telah dibuat.

    LihatTutupKomentar