Minggu, 14 Agustus 2016

Membuat Link Lanjutan Dalam HTML




Sebenarnya pemformatan link ada beberapa varisai. Pertama adalah tipe link internal. Ini merupakan tipe link di mana halaman yang mengandung link dan halaman yang dituju terletak pada satu domain dan letaknya bisa direlatifkan. 

Misalnya Anda punya 2 halaman:

http://www.domain-anda.co.cc/index.html

dan Anda ingin membuat link dari halaman index.html di atas untuk menuju ke:

http://www.domain-anda.co.cc/bukutamu.html

Dari URL-nya, kedua halaman tersebut terletak di satu folder. Ini memungkinkan Anda membuat email dengan menentukan alamat relatif dari halaman kedua melalui halaman pertama. Halaman kedua bukutamu.html tersebut dapat dispesifikasikan lokasinya dengan menggunakan nama file-nya saja, karena lokasinya satu folder. Jadi, Anda bisa menggunakan kode berikut: 

 Ayo isi buku tamu di <a href="bukutamu.html">Buku tamu gw</A> 

Jenis lain adalah link internal. Untuk membuat link internal, Anda harus membuat dahulu anchor di dalam website Anda. Tempat yang di-anchor ini nanti dapat diacu dengan link. Jadi, anchor fungsinya adalah “menandai tempat” sehingga bisa diacu oleh link.

Misalnya Anda ingin memberi nama di bagian tertentu di webpage dengan nama “iklan”. Maka Anda membuat nama anchor seperti berikut: 

<a name="iklan">Kotak iklan</a> 

Maka link ke kotak iklan tersebut dapat dibuat dari halaman yang sama (misalnya dalam bentuk daftar isi halaman tersebut), dengan menggunakan kode HTML seperti berikut:  

<a href="#iklan">Kotak Iklan</a> 

Jika link itu dibuat dari halaman lain, Anda bisa menggunakan kode HTML seperti berikut:

<a href="http://www.domainanda.co.cc/file_tertentu.htm#iklan">Lihat kotak iklannya di sini</a>

39 komentar:

  1. nice article gan, wah berbakat jadi web programmer nih

    BalasHapus
  2. Thanks gan, Nambah-nambah ilmu

    BalasHapus
  3. Makasih gan sudah diajari , soalnya saya juga ada tugas pemrogaman web ,disuruh buat biodata hehehe makasih gan sebelumnya

    BalasHapus
  4. hanya saran gan.
    kalo bisa di tambahkan screen shoot ato gambar supaya yang baru membuat blog bisa lebih memahami.

    BalasHapus
  5. Wah, nambah ilmu nih buat ane yang newbie, thanks gan

    BalasHapus
  6. harus belajar lebih giat lagi gw tentang html :)

    BalasHapus
  7. yg sy bingung itu bedanya HTML sm javascript apa ya gan?

    BalasHapus
  8. makasih gan. sangat bermanfaat

    BalasHapus
  9. Belajar HTML Emang harus jeli dan tekun... mulai ngeblog dulu ngak ngerti tentang HTML, Sekarang pelan2 utak atik sendiri...

    BalasHapus
  10. Gak perlu les nih, disini juga lengkap

    BalasHapus
  11. Makasih nih gan tutornya blog ane jadi lengkap nih...

    BalasHapus
  12. ini kayak loncatan scrool ya gan? semisalkan naruh linknya masih di halaman yang sama

    BalasHapus
  13. waduh masih betah ni agan ngulik coding haha

    BalasHapus
  14. makasih gan infonya, sangat bermanfaat

    BalasHapus
  15. Nice info gan, sangat bermanfaat. Izin praktek

    BalasHapus
  16. makasih gan, ternyata mudah juga belajar html, di tunggu tutorial selanjutnya gan

    BalasHapus
  17. terimakasih infonya gan, jadi tambah ilmunya

    BalasHapus
  18. nice artikel gan. Ijin praktek d blog ane :D

    BalasHapus