Selamat pagi.
Pada pagi hari ini kita akan belajar Membuat Link Pada HTML. Langsung saja disimak dibawah ini...
Yang sering anda temui dalam sebuah website adalah link. Link ini akan membuat konten atau elemen HTML dapat di klik dan akan menagarahkan/membawa anda ke halaman web lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (Selama belum diberi style).
Link Standar
Link atau biasa disebut dengan anchor (pengait) dapat dibuat dengan menambahkan tag <a> pada teks yang ingin kita buat menjadi link.
Klik <a>disini</a> untuk mendownload
Namun anda tidak akan melihat perubahan pada teks "disini" karena kita belum "mengaitkannya" ke halaman web lain. Untuk itu kita akan menggunakan atribut href untuk menyimpan alamat web yang akan dituju jetika link di klik (penulisan lokasi sama halnya dengan atribut src pada tag img).
Klik <a href="http://www.alamat-tujuan.com">disini</a> untuk mendownload
Sebagai latihan kita akan membuat file HTML baru dan membuat link untuk mengaitkannya ke latihan-latihan sebelumnya.
Sebagai latihan kita akan membuat file HTML baru dan membuat link untuk mengaitkannya ke latihan-latihan sebelumnya.
- Buatlah file baru dengan nama latihan3.html, simpanlah di folder yang sama dengan latihan-latihan sebelumnya.
- Ketikkan kode berikut pada file latihan3.html
- Buka kembali file latihan1.html dan latihan2.html, dan tambahkan sebuah link yang akan mengait ke file latihan3.html tepat sebelum penutup tag body (</body>)
- Save pekerjaan anda, dan bukalah file latihan3.html pada browser. Anda padat mengklik linknya satu persatu.
Dan klik link "Kembali ke halaman utama" untuk menampilkan latihan3.html kembali.
Jika anda perhatikan pada kode yang terdapat dalam latihan3.html, ada beberapa tag yang belum saya jelaskan, yaitu tag <h1> dan <br>.
Tag <br> digunakan untuk memindahkan teks ke baris baru, sehingga teks yang dipisahkan dengan tag ini akan ditampilkan di baris berbeda. Jika anda menghapus tag <br> ini, maka teks akan ditampilkan satu baris.
Untuk membuat link yang mengacu ke halaman web lain, pastikan anda menyertakan http:// pada atribut href link tersebut.
<a href="http://www.google.com"> Buka Google </a>
Jika anda tidak menyertakan http:// maka link tersebut tidak akan bekerja sebagaimana mestinya.
Setiap link yang diklik akan ditampilkan di window/tab yang sama, bagaimana jika anda ingin membuka link tersebut di tab/window baru? Tambahkan atribut target="_blank".
<a href=http://hendrymuda.blogspot.com target="_blank">Blog Hendry Muda</a>.
Nah sekian dulu pembelajaran kita kali ini, selanjutnya kita akan belajar Link E-Mail.
0 komentar
Posting Komentar