Cara Membuat Link Dalam Sebuah Website

Link bisa dikatakan atau  merupakan pengalihan dari satu file yang satu ke file yang lainnya, atau dari halaman yang satu ke halaman yang lainnya. Link ini akan membuat konten atau elemen HTML dapat di klik dan akan mengarahkan/membawa anda ke halaman web atau file lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (selama sudah diatur cssnya). Untuk Cara Membuat Link Dalam Sebuah Website kita perlu menambahkan tag <a> pada teks yang akan dibuat link.

Klik <a>disini</a> untuk melihat.

Namun teman –teman  belum bisa melihat perubahan pada teks “disini” karena kita belum “mengaitkannya” ke halaman web/file lain. Untuk itu kita akan menggunakan attribut href untuk menyimpan alamat web yang akan dituju ketika link di klik (penulisan lokasi sama halnya dengan attribut src pada tag img).

Klik <a href=”http://www.alamat-tujuan.com”>disini</a> untuk melihat

Oke untuk lebih jelasnya, saya memberikan contoh pembuatan link pada html. Ikuti langkah – langkah berikut :

1. Buatlah file baru sebanyak tiga file seperti gambar dibawah, simpanlah.

2. Ketikkan kode berikut dan dan simpan dengan file latihan1.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<p>ini adalah contoh pemuatan gambar pada file HTML<p> 
 	<img src="icon1.png" /> 
	<a href="latihan3.html">Kembali ke halaman utama <a>
</body>
</html>

3. Ketikkan kode berikut dan dan simpan dengan file latihan2.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<p>ini adalah contoh pemuatan gambar pada file HTML<p> 
 	<img src="icon1.png" /> 
	<a href="latihan3.html">Kembali ke halaman utama <a>
</body>
</html>

4. Ketikkan kode berikut dan dan simpan dengan file latihan3.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<h1>Selamat datang di website saya</h1> 
	<a href=”latihan1.html”>buka Latihan 1</a><br> 
	<a href=”latihan2.html”>buka Latihan 2</a>
</body>
</html>

3. Buka kembali file latihan1.html dan latihan2.html, dan tambahkan sebuah link yang akan menghubungkan ke file latihan3.html tepat sebelum penutup tag body ( </body> ).

<a href=‚latihan3.html‛>Kembali ke halaman utama <a> 
</body> 
</HTML>

4. Save file teman- teman dan buka file latihan3.html pada  browser maka teman-teman sekarang bias mengklik linknya.

 

Dan ketika teman – teman menklik link latihan1.html dan latihan2.html maka  hasilnya seperti gambar diatas.

Dan jika teman – teman mengklik link kembali maka hasilnya akan seperti gambar diatas. Oke itulah artikel Cara Membuat Link Dalam Sebuah Website dari saya semoga bermanfaat.