dasar html (6) : Membuat HyperLinks

    Tentunya kamu pernah membuka sebuah web kan.. *jangan bilang belom, blog ane ini juga termasuk web hehehe *

    Suatu website pastinya terdiri dari link-link yang menghubungkan antar halaman di satu website, bisa juga dengan website lain. Link website mempermudah pengguna internet dalam mengakses sebuah website dan berpindah-pindah dari halaman satu ke halaman lainnya, tanpa perlu mengetikan alamat di url, hanya dengan klak klik klak klik saja 😛

    Oke Lanjot:
    Didalam sebuah website, dikenal sebuah istilah HyperLink ,Hyperlink ini adalah sebuah alamat ke sumber informasi lainnya di inernet, hyperlink biasanya merujuk ke sebuah halaman HTML, bisa juga merujuk ke gambar, video atau file apapun (biasanya modelnya didownload kalo broser gak support membuka filenya)
    untuk mendefinisikan hyperlink di sebuah dokumen HTML digunakan tag anchor (jangkar) <a>…</a>

    contoh:

    <a href="/linkkedokumenlain.html">ini link ke dokumen lain</a>
    

    Link, gak harus berupa text, bisa juga gambar, caranya adalah mengkombinasikan tag <img> dengan <a>

    contoh:

    <a href="http://hace.web.id"><img src="inigambar.jpg"></a>
    

    Beberapa Atribut pada tag <a>

    href,
    atribut ini digunakan untuk mendefinisikan ke dokumen mana yang akan dituju.

    target,
    atribut ini menunjukan bagaimana cara weblink tersebut ditampilkan, buka di jendela baru (_blank) atau langsung buka di jendela yang sama (_self).

    contoh:

    <a href="/linkkedokumenlain.html">langsung dibuka</a>
    <a href="/linkkedokumenlain.html" target="_blank">buka di jendela baru</a>
    

    Ada kalanya, tag <a> digunakan untuk menamai/menandai sebuah bagian di satu halaman website yang panjang. untuk itu digunakanlah atribut name=””, atribut ini tidak akan ditampilkan di halaman website.

    contoh:

    <a name="bagiansatu"><p>paragraf yang sangat panjang</a>
    <a name="bagiandua"><p>paragraf yang sangat panjang</a>
    

    untuk memanggilnya/menuju ke bagian itu, letakkan satu halaman dengan nama anchor

    <a href="#bagiansatu">kembali ke bagian satu</a>
    <a href="#bagiandua">menuju ke bagian dua</a>
    

    perhatikan tanda #, dimana setelah tanda itu didefinisikan nama label dari bagian yang akan dituju.

    TIPS:
    jika link yang kamu tuju adalah sebuah subfolder di server, maka tambahkan lah garis miring di akhir link.
    misal: kamu akan menuju ke folder folderku di localhost
    maka penulisanya sebaiknya http://localhost/folderku/

    mengapa begitu?
    jika link ditulis
    http://localhost/folderku
    maka kamu akan membuat 2 buah permintaan http di ke server, yang tentunya akan membuat sebuah proses yang sia-sia. dengan menambahkan garis miring diakhir link folder,  kita sudah membantu menghemat penggunaan resource di server.

      2 thoughts on “dasar html (6) : Membuat HyperLinks

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *