TOP NEWS

A friend once said, "You can't get so hung up on where you'd rather be that you forget to make the most of where you are." We got lost along the way. But we found each other. And we made a life. A beautiful life. Together.

Sunday, August 25, 2013

Tutorial Html - Cara Membuat Link Penghubung ( hyperlink )


Hyperlink atau sering di singkat dengan link penjelasan serta contoh-contohnya dapat di lihat di Belajar HTML tentang Hyperlink HTML. Sedikit koreksi dari contoh link dengan gambar yang kita buat disana yaitu:


Atribut border dan align merupakan deprecated atribut jika di gunakan di dalam tag <img> jadi kita dapat menggantinya dengan atribut style dengan properti border untuk atribut border dan properti float untuk atribut align.


Hyperlink yang akan kita pelajari dalam tutorial ini sebagai tambahan dari pelajaran HTML sebelumnya antara lain: Thumbnail link. Thumbnail link digunakan untuk gambar yang berukuran besar. Caranya dengan membuat duplikat dari gambar tersebut dengan ukuran yang jauh lebih kecil yang disebut dengan thumbnail. Jadi gambar ukuran besar tersebut baru ditampilkan setelah kita mengklik gambar tumbnail tersebut.


Pada tulisan ini tepatnya pada bagian atas setelah titel Hyperlink HTML saya menambahkan tag di bawah ini:


Dengan cara diatas kita juga bisa membuat link ke suatu halaman website dan langsung melompat ke topik tertentu di dalam satu halaman.


Contoh diatas dapat dibuat dengan menambahkan tag berikut sebelum titel Hyperlink HTML di dalam halaman tujuan seperti contoh diatas adalah halaman Belajar HTML:


Atau bisa juga dengan menambahkan atribut "id" di dalam tag titel. Seperti contoh diatas, titel Hyperlink HTML tersebut berada di dalam tag <h3> jadi kita bisa menuliskan:


Untuk membuat link ke lokasi tersebut kita harus membuat link ke halaman utamanya dulu baru kemudian di ikuti dengan nama atau id dengan format: "#nama-link".



Membuat Link




0 komentar: