Cara Berpindah Halaman Pada Web

Dipublikasikan oleh Muhammad Zen pada

Halo teman-teman semua. apa kabar?. semoga dalam keadaan sehat dan bahagia. Kali ini kita akan membahas cara berpindah halaman pada web. Jika kamu belum mengikuti materi sebelumnya, silahkan kunjungi halaman kursus.

Cara Berpindah Halaman Pada Web

Sebelum belajar cara berpidah halaman di web. Mari kita ingat kembali apa yang mungkin pernah kamu pelajari. Pada visual basic misalnya. untuk berpindah form menggunakan menustrip dan lainnya. Cukup dengan mengetikkan kode namaform.show(). Cukup mudah bukan. Itu sebabnya diperkuliahan sering menggunakan bahasa pemrograman yang paling mudah dipelajari di awal kuliah.

Namun bagaimana cara berpindah halaman pada web. Caranya pun tidak begitu sulit. yakni menggunakan tag <a></a>. Cara berpidah halaman pada web dikenal dengan istilah hyperlink atau link.

Elemen-elemen Yang Sering Dijadikan Objek Link.

Berikut ini adalah elemen-elemen yang sering dijadikan objek link.

  • Navigasi (Menu)
  • Tombol (Save, Cancel)
  • Gambar
  • Text biasa.

Sebenarnya yang paling sering digunakan sebagai link adalah navigasi. Namun untuk memhami dengan cara yang sederhana. Maka kita contohkan membuat link dengan text biasa.

Sebagai tambahan pemahaman. Perlu kamu ketahui, link adalah cara berpindah halaman melalui kejadian klik. Artinya jika objek tidak diklik maka tidak terjadi pindah halaman. Itu berarti ada cara berpinda halaman otomatis. Yang akan kita bahas nantinya.

Contoh Membuat Link Dengan URL Relatif

  • home
    • home.html
  • contact
    • contact.html
  • about
    • about.html
  • index.html
<!-- nama file index.html-->
<a href="home/home.html"> Home </a>|
<a href="contact/contact.html"> Contact </a>|
<a href="about/about.html"> About </a>|

Jadi atribut yang digunakan adalah href yang berisi url. Sedangkan url yang dapat digunakan adalah url relatif maupun url absolut. untuk contoh berpindah halaman menggunakan url absolut sebagai berikut.

Contoh Membuat Link Dengan URL Absolut

<!-- nama file index.html-->
<a href="https://belajarwebmedan.com/"> Home </a>|
<a href="https://belajarwebmedan.com/contact/"> Contact </a>|
<a href="https://belajarwebmedan.com/kursus/"> Kursus </a>|

Tugas Membuat Link Dengan URL Relatif

Contoh membuat link dengan url relatif tidak dapat ditampilkan di halaman ini. Sehingga kamu bisa mengerjakan tugas seperti contoh diatas. dengan isi halaman home, contact dan about bebas.

<!-- Nama File Tugas1.html-->
<html>
  <head>
    <title>Tugas Membuat Link URL Relatif</title>
  </head>
  <body>
  <!-- Kode kamu -->
  </body>
</html>

Sekian untuk materi kali ini. Jika kamu ingin kursus secara langsung, kami membuka kelas baru. Silahkan hubungi kontak kami di menu.


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *