Dalam tutorial ini kita akan membahas membuat link di html, sebelum ke pembahasan materi kita akan bahas terlebih dahulu pengertian link. Hyperlink pada html adalah suatu cara untuk menghubungkan dokumen satu dengan yang lainnya, penggunaan link ini sangat penting, sebagai contoh apa jadinya sebuah jalan tanpa penghubung dari kota satu ke kota lain, begitu juga dengan link, bagaimana seorang pembaca dapat melihat halaman lain pada sebuah website, maka di butuhkan navigasi sebagai pentunjuk untuk pembaca dapat pergi ke bagian lain dalam satu website atau di luarnya, penulisan link di html menggunakan sebuah tag Show Pengertian Tag Anchor di HTML
0 dimana elemen didalam digunakan untuk mendefinisikan sebuah hyperlink. Tidak semua elemen yang di tulis antara tag Atribut-atribut tag anchor di HTMLBerikut ini adalah atribut-atribut yang terdapat pada tag Cara Membuat Link di HTMLSampai disini saya anggap pembaca sudah mengerti atribut-atribut tag
Untuk lebih lengkapnya penulis akan membuat dua halaman, yaitu halaman index.html dan menu.html dimana kedua halaman tersebut akan saling merujuk ke masing-masing halaman, berikut ini adalah susunan hirarki halaman, file menu.html di simpan didalam direktori “menu”. Untuk direktori root dapat menggunakan folder apa saja, karena seperti awal pembahasan bahwa html adalah bahasa client-side sehingga untuk menjalankannya tidak perlu menggunakan web server. Selanjutnya silahkan buka text editor apa saja sesuai keinginan, lalu ketik kode di bawah ini dan simpan dengan nama index.html.
Dari kode di atas maka seharusnya akan tampil seperti gambar di bawah ini. Selanjutnya, buatlah sebuah direktori baru yang berada pada direktori root, setelah itu ketikan kode html di bawah ini dan beri nama menu.html, lalu simpan pada direktori menu yang telah di buat.
Dari kode html di atas maka akan tampil seperti gambar dibawah ini. Sampai disini pembuatan link telah berhasil, dari contoh di atas penulis hanya menggunakan teks, anda dapat merubahnya dengan menggunakan gambar. Pada html, jenis link di bagi menjadi dua bagian, yaitu relatif dan absolut, perbedaan dari kedua jenis tersebut hanya cara penulisan alamat tujuannya saja, mari kita coba jabarkan agar lebih mudah di pahami. Pengertian Link RelatifLink relatif adalah link yang bisa dikatakan link yang mengarah langsung pada lokasi path atau direktori tujuan yang tersimpan pada web server atau komputer tanpa di awali dengan alamat domain website tersebut, sehingga dalam pengunaannya sangat tergantung pada lokasi file berada, contohnya.
atau..
Dan apabila ingin mundur selangkah pada lokasi halaman sekarang ke halaman sebelumnya maka harus dengan menggunakan “../” agar dapat pindah ke halaman pada direktori diatasnya atau ke halaman sebelumnya. Pengertian Link AbsolutLink absolut adalah link yang mengarah langsung pada website tertentu, dimana sebuah dokumen di kunci pada alamat valid sebuah website, dan tidak tergantun pada direktori lokasi dokumen html berada. Sehingga alamat dapat di gunakan pada lain website selama alamat tersebut masih valid, contoh.
Sebenarnya sebuah link tidak melulu harus ke halaman lain, pada dasarnya penggunaan atribut href dapat juga di tujukan pada ID sebuah tag, sehingga apabila di klik akan menuju pada id tersebut tidak ke halaman lain meskipun anda juga dapat mengarahkan ke halaman lain dengan atribut ID pada halaman tujuan dan secara otomatis browser akan mengarah ke bagian elemen pemilik ID. Bagaimana cara membuat link di HTML?Cara Membuat Link di HTML
Link pada HTML dapa dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL tujuan dari link. Link akan ditampilkan dengan warna biru dan garis bawah. Ini adalah style standar dari setiap browser.
Bagaimana cara membuat link URL?Cara membuat link URL sendiri dengan Bitly. Klik Create.. Masukkan link panjang.. Tempel link yang ingin dibuat.. Tampilan akan berubah ke mode edit.. Klik bagian Customize Back-Half.. Klik Save.. Edit link ke penamaan sendiri.. Tunggu notifikasi alamat link URL tersedia atau tidak.. Apa yang dimaksud internal link pada HTML?lalu, link pada HTML dibagi menjadi 2 jenis, yaitu : Internal Link: adalah link yang menuju ke domain atau halaman web itu sendiri. External Link: adalah link yang menuju domain lain.
Bagaimana cara penulisan link yang benar?Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).
|