Membuat tautan HTML adalah salah satu elemen terpenting dalam membuat situs web. Dengan adanya link tersebut, kita sebagai pengguna akan terbantu untuk berpindah ke halaman lain di domain tersebut maupun domain lainnya. Bahkan, tautan bisa disisipkan dalam teks atau gambar Show Jika teks atau gambar sudah disisipkan pada link tersebut, maka saat diklik akan mengarahkan kita ke link yang sudah diatur oleh developer. Itu adalah fungsi tautan yang paling penting. Dalam panduan belajar HTML ini, kita akan membuat link pada sebuah website Daftar isi Cara Membuat Link HTML di WebsiteTautan atau hyperlink ditulis menggunakan tag sebagai pembuka kemudian ditutup menggunakan tag. Berdasarkan jenisnya, link dibagi menjadi 2 yaitu
Untuk link Klik disini artinya kita langsung ke halaman kajian. html di folder panduan. Contohnya ada pada gambar di bawah ini Selain itu, Anda juga dapat menggunakan '. /' yang berarti keluar satu tingkat dari folder pemanggil tautan. Jadi, file di dalam tag berada di luar file yang memanggilnya. Seperti contoh di bawah ini Atribut Pada Tag Untuk Membuat Link HTMLAda beberapa atribut penting yang perlu diketahui saat ingin membuat link HTML, berikut beberapa atributnya
Atribut Target Pada TagAtribut target ini memiliki 4 nilai yaitu _self, _blank, _parent, dan _top. Namun, yang sering digunakan adalah blank. Penjelasannya adalah sebagai berikut
Untuk nilai _parent dan _top sudah tidak digunakan lagi di HTML5. Jadi, Anda tidak perlu menggunakan kedua nilai tersebut. Hal itu dikarenakan website tersebut tidak menggunakan frameset lagi. Atribut ini tidak wajib, namun jika tidak diisi maka defaultnya adalah _self. Tulisannya adalah sebagai berikut [bahasa kode sumber =”polos”] Ketika Anda mengklik teks "Klik di sini" maka halaman website menjadi lebih aktif. com akan terbuka di tab baru. Itu karena Anda menggunakan _blank untuk mengisi atribut target Membuat Tautan Gambar dalam HTMLOh iya, kamu juga bisa menjadikan gambar sebagai link. Jadi, Anda bisa membuat acara saat gambar diklik yang akan mengarah ke halaman yang ditentukan Ketika Anda membaca artikel tentang cara menampilkan gambar dalam HTML, Anda akan tahu caranya. Jika Anda belum mengetahuinya, sebaiknya Anda membaca artikel tersebut sebelum melanjutkan ke artikel ini. Berikut kode programnya [bahasa kode sumber =”polos”] Maka hasilnya adalah sebagai berikut Membuat Link Mati di HTMLSaat kita membuat link dengan mengisikan atribut href dengan alamat website, kali ini berbeda. Untuk dapat membuat link mati, Anda dapat mengisi atribut href dengan tanda lindung nilai misalnya [bahasa kode sumber =”polos”] Jadi, jika Anda mengklik teks "Contoh" maka Anda akan diarahkan ke area dengan id=top. Anda dapat langsung memeriksa dengan mengklik teks "Contoh" di sebelah ini. Nah itulah tutorial cara membuat link HTML sederhana. Anda bisa berkreasi seperti itu. Jika ada yang ingin ditanyakan bisa tulis di kolom komentar Apa itu tag hyperlink?Apa itu Hyperlink atau Anchor Tag ? . Jadi jika kita klik menu Home maka browser akan membawa kita ke halaman home. Hyperlink merupakan sebuah teks atau tombol di dalam dokumen HTML yang kalau kita klik, ia akan membawa kita menuju halaman lain. Jadi kalau kita misalkan mengklik menu Home, browser akan membawa kita ke halaman home.
Tag HTML apa?Berikut daftar tag yang harus ada di HTML. . <. DOCTYPE html> — untuk deklarasi tipe dokumen; — tag utama dalam HTML; — untuk bagian kepala dokumen; — untuk bagian tubuh dokumen Manakah yang termasuk dalam atribut Hyperlink?atribut yang digunakan hyperlink atau yang ada di dalam tag atribut href, target & rel, fungsi atribut ini untuk mengarahkan ke halaman website tujuan.
Apa itu tautan rel dalam HTML?Atribut rel mendefinisikan hubungan tautan dengan HTML . rel ="stylesheet" berarti hubungan target CSS dengan file HTML adalah sebagai pemberi gaya dokumen. . |