👋Guys coba kita banyangkan apa jadinya web tanpa ada link?
Ribet bukan....😆
Nahhh kali ini kita akan belajar membuat link di HTML.
Link atau Hyperlink adalah elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain.
Bagaimana cara membuat link di html?
Link pada HTML dapat dibuat dengan tag<a>,kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL.
Contoh:
<a href="http://nurulfikri.ac.id.com/">nurulfikri</a>
<a = tag untuk membuat link
href = Atribut untuk menentukan alamat URL
"http://nurulfikri.ac.id.com/" = Alamat URL
nurulfikri = Teks lable untuk link
</a> = tag penutup
contoh kode di html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Link di HTML</title>
</head>
<body>
<p>Untuk lebih lengkapnya, silahkan buka:
<a href="https://nurulfikri.ac.id/">nurulfikri</a>
</<!p>
</body>
</html>
Link akan ditampilkan dengan warna biru dan garis bawah.
Untuk mengatasi eror kita harus membuat file nurulfikri.html dan disimpan dalam satu folder dengan file link.html
Isi file dengan link html.html seperti ini:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tutorial Link di HTML</title>
</head>
<body>
<p>
<a href="https://nurulfikri.ac.id/">Kembali ke halaman link</a>
</p>
</body>
</html>
Sekarang kita coba lagi:
klik nurulfikri yang biru yang garis bawah:
Setelah di klik maka muncul seperti ini:
Ok kita sudah selesai.
kita menggunakan external link:
External Link: adalah link yang menuju domain lain.
seperti contoh di atas kita menggunakan link external untuk membuka web nurufikri.ac.id.
Mungkin itu saja yang bisa saya shere ke kalian semoga bermanfaat.😇
0 Reviews:
Post Your Review