Guan Kode: Membuat Link dalam HTML dengan Menggunakan Teks dan Tombol

Tutorial kali ini tentang html lagi, yakni bagaimana membuat link dengan html. Maksudnya adalah saat kita mengklik suatu tulisan atau sebuat tombol, nanti kita akan diarahkan ke halaman lain. Untuk kodenya sendiri sebenarnya cukup simpel daa pendek. Untuk contohnya kita harus membuat 2 file html, yang satu sebagai halaman utaman dan yang satunya lagi sebagai halaman yang dituju setelah link diklik. Langsung simak saja di bawah ini.

Pertama buat html baru dengan nama halaman_pertama.html, dan kodenya seperti di bawah ini.

<html>
    <head>
        <title>
            Membuat Link
        </title>
    </head>
    <body align="center">
        <h1 align="center">Halaman Pertama</h1>
        <br>
        <font>Versi Teks</font>
        <br>
        <a href="halaman_kedua.html"> 
        <h3 align="center">Menuju Halaman Kedua</h3> 
        </a>
        <br>
        <hr>
        <br>
        <font>Versi Tombol</font>
        <br>
        <br>
        <a href="halaman_kedua.html">
        <input type="button" value="Ke Halaman 2"></input>
        </a>
    </body>
</html>

Setelah itu buat lagi file html dengan nama halaman_kedua.html, dan kodenya seperti di bawah ini

<html>
    <head>
        <title>
            Membuat Link
        </title>
    </head>
    <body align="center">
        <h1>Halaman Kedua</h1>
        <br>
        <font>Versi Teks</font>
        <br>
        <a href="halaman_pertama.html"> 
        <h3>Kembali ke Halaman Pertama</h3> 
        </a>
        <br>
        <hr>
        <br>
        <font>Versi Tombol</font>
        <br>
        <br>
        <a href="halaman_pertama.html">
        <input type="button" value="Ke Halaman 1"></input>
        </a>        
    </body>
</html>

Jangan lupa untuk meletakkan kedua file html tersebut dalam 1 folder, dan jika ingin merubah link tujuan ke link semisal seperti facebook atau youtube, kalian tinggal merubah bagian <a href="halaman_pertama.html"> menjadi <a href="http://youtube.com"> atau lainnya.

Dalam kode tersebut saya sudah berikan 2 versi link yakni dengan teks dan dengan tombol, jadi terserah kalian mau pakai yang mana. Setelah semua dirasa benar sekarang coba buka file html tersebut dalam brwoser. Hasilnya kurang lebih akan seperti di bawah ini.

halaman_pertama.html

halaman_kedua.html

Bagaimana? Cukup mudah kan? Intinya jika ingin membuat sebuah link maka teks atau tombol yang mau kita kasih link cukup diapit oleh <a></a>. Sekian dulu untuk kali ini, jika ada pertanyaan silahkan tulis di kolom komentar. Semoga artikel ini bisa memberi manfaat bagi kita semua. Amiin.

Guan Kode

Menu Halaman

Jumat, 08 Juni 2018

Membuat Link dalam HTML dengan Menggunakan Teks dan Tombol

Tidak ada komentar:

Posting Komentar