Cara membuat Link HTML ~ Belajar Koding YUK !!

Pada tutorial kali ini Admin akan membahas cara membuat link pada HTML. Link adalah salah satu alat yang dapat menghubungkan antara halaman satu dengan halaman yang lainnya. Dengan menyisipkan hyperlink pada sebuah objek, maka saat objek tersebut diklik, user akan diarahkan ke halaman lain yang sudah ditentukan sebelumnya.

Menentukan Link Standar

Saat menentukan sebuah objek dengan link, maka kita bisa menggunakan element anchor atau <A href=””>...</A>. Jadi apapun objeknya jika diapit diantara atribut anchor maka bisa didefiniskan sebagai objek link.

Misalkan kita memiliki sebuah link www. belajarkodingyuk.blogspot.com dan kita akan mengaitkan dengan objek teks “Belajar Koding Yuk”. Maka kita bisa menuliskannya pada Notepad++ dengan sintaks seperti di bawah ini :

<a href=”http://www.belajarkodingyuk.blogspot.com”>Belajar Koding Yuk</a>

Menentukan Link Berdasarkan Email Tertentu

Memuat link standar kita sudah bahas di atas. Lalu bagaimana jika kita mengaitkan objek teks “Belajar Koding Yuk” ke email tertentu. Maksudnya adalah ketika teks Belajar Koding Yuk diklik akan mengarahkan ke aplikasi emai untuk mengirim something di alamat email tertentu. Untuk menambahkannya maka href pada tag anchor diganti dengan atribut mailto.

Misalkan kita akan mengirim sebuah email ke belajarkodingyuk@gmail.com dengan melakukan klik pada teks Belajar Koding Yuk. Maka kita bisa menuliskan sintaks seperti di bawah ini :

<a mailto=” belajarkodingyuk@gmail.com”>Belajar Koding Yuk</a>

Latihan :

Untuk latihan mari kita coba buat script HTML seperti di bawah ini, lalu simpan dan jalankan di browser :

<!DOCTYPE HTML>

<html>

 <head>

  <title>Gambar pada HTML</title>

 </head>

 <body>

  <a href=”http://belajarkodingyuk.blogspot.com”>Belajar Koding Yuk</a>

 </body>

</html>

Untuk link dan text bisa kamu ubah sesuai keinginan kamu. Coba klik text tersebut. Jika kamu ingin link terbuka ditab baru maka tambahkan atribut target=”_blank”, maka script HTML menjadi

<a href=”http://belajarkodingyuk.blogspot.com” target=”_blank”>Belajar Koding Yuk</a>

Mudah bukan memasukkan link ke html, terus simak tutorial yang lainnya di Belajar Koding Yuk. Belajar dan belajar terus karena tidak ada cara instant untuk mengerti dan mahir :).