Rabu, 29 Maret 2017

Belajar HTML dan CSS Bagian 8 : Hyperlink Pada HTML

Hyperlink Pada HTML

    Assalamualaikum Wr. Wb. Selamat datang kembali di blog lupacode. Sebelumnya kita telah mempelajari tentang Belajar HTML dan CSS Bagian 7 Bagi sahabat lupacode yang baru saja bergabung atau nyasar ke halaman ini, silahkan pelajari terlebih dahulu dari artikel yang pertama agar sahabat paham dan mengerti maksud dari artikel yang akan saya bahas kali ini. Sahabat semua dapat melihat seluruh isi artikel pada blog ini di halaman Daftar isi

lupacode - hyperlink pada html

     Baiklah pada materi pembahasan kali ini kita akan membahas tentang Hyprlink pada html. Hyperlink atau yang sering kita sebut link saja atau web link ya jadi sama saja. Link adalah sebuah koneksi sumber web ke sumber lain, itu menurut spesifikasinya. Dengan kata lain jika tidak ada hyperlink maka tidak akan ada juga yang disebut dengan web. Jadi komponen hyperlink ini adalah komponen yang sangat penting dalam sebuah web.
       Link pada html dibuat dengan tag <a> atau singkatan dari anchor. Kenapa disebut dengan anchor ? ya mungkin karna anchor itu adalah jangkar. Analoginya adalah jangkar itu pasti terhubung kepada sebuah kapal. Sama seperti hyperlink pasti juga terhubung pada sebuah sumber. Cara membuatnya langsung saja kita coba
       Disini saya sudah membuat sebuah file dengan nama latihan1.html pada folder html yang telah saya buat sebeblumnya. Di dalam htmlnya saya akan coba buat sebuah paragraf yang berisi seperti ini <p> Klik disini untuk informasi lebih lanjut </p> kata disini nantinya akan saya jadikan sebuah link sehingga kita bisa untuk terhubung ke sumber lain atau ke halaman lain. Sehingga menjadi seperti ini :

<!DOCTYPE html>
<html>
<head>
            <title>Latihan 1</title>
</head>
<body>

            <p> Klik <a href="http://www.google.com">disini</a> untuk informasi lebih lanjut </p>

</body>
</html>


External link

        Untuk membuat sebuah hyperlink kita membutukan satu atribut yang dinamakan dengan href=” “ didalam href ini kita bisa menuliskan sumbernya. Yang bisa kita tuliskan didalam href itu ada beberapa jenis, yang pertama yang bisa kita tuliskan ada external link atau link ke website lain. Contoh di atas saya memasukan external link dengan menuju ke google, tapi jangan lupa protocol nya harus kita tuliskan yaitu http://

Internal link

          Yang kedua yang bisa kita simpan adalah internal link atau halaman lain yang berada di domain kita. Contohnya saya membuat satu file lagi dengan nama latihan2.html maka penulisannya jadi seperti ini <p> Klik <a href="latihan2.html">disini</a> untuk informasi lebih lanjut </p> kita tidak perlu menuliskan http:// karna ini satu domain bahkan saya simpan di dalam satu folder yang sama. Maka saya hanya perlu menuliskan nama filenya saja. Maka hasilnya menjadi seperti ini

lupacode - hyperlink pada html 1

lupacode - hyperlink pada html 2
Page anchor

           Yang ke tiga kita bisa simpan Page anchor atau yang sering disebut dengan bagian tertentu dari sebuah halaman. Jadi bukan hanya kita masuk ke sebuah halaman, tapi kita pindahnya ke bagian tertentu dari sebuah halaman. Mungkin itu nanti kita akan bahas pada sesi selanjutnya
       Untuk pembahasan kali ini saya cukupkan dulu sampai disini kemudian kita lanjut kedalam materi selanjutnya Belajar HTML dan CSS Bagian 9

Materi Lainnya :

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon