Cara Membuat Tombol Link Pada HTML

LINK PADA HTML

Pada HTML link untuk menuju suatu web lain tidak hanya di tuliskan dengan hanya meng copypaste saja link tsb tetapi ada cara kusus agar link tsb berkerja dengan benar berikut cara nya 

Cara 1

<a href=”nama_file”>Tampilkan Data</a> 

cara di atas sama saja seperti cara membuat tombol kembali pada html tulian "Nama FIle" akan di isi dengan link yang akan di tuju






Cara 2

 Untuk membuat link button dengan memanfaatkan form caranya cukup mudah. Seperti yang sudah dijelaskan diatas, kamu hanya membuat tag from dengan atribut action berisi link yang dituju, dan atribut method dengan value post. Dan tentunya jangan lupa sebuah tag button yang memiliki atribut type submit. Untuk lebih jelasnya silakan simak contoh kode berikut ini :

<!DOCTYPE html>
<html>
<head>
<title>Contoh Button Link</title>
</head>
<body>

<!-- Contoh 1 -->
<form method="post" action="namafile.html">
<button type="submit">Link 1</button>
</form>

<br>

<!-- Contoh 2 -->
<form method="post" action="https://carakode.com">
<button type="submit">Link 2</button>
</form>

</body>
</html>


Cara 3

<!DOCTYPE html>
<html>
<head>
<title>Contoh Button Link</title>
</head>
<body>

<!-- Contoh 1 -->
<button onclick="window.location.href='namafile.html'">Link 1</button>

<br><br>

<!-- Contoh 2 -->
<button onclick="window.location.href='https://carakode.com'">Link 2</button>

</body>
</html>

hasil yang kita peroleh adalah sebagai berikut:



sumber:
https://ica03.wordpress.com/2013/08/24/membuat-link-dengan-button-html/
https://carakode.com/cara-membuat-button-link-di-html/

Komentar