Sebuah halaman web dapat berhubungan satu dengan lainnya. Hal ini memudahkan user yang mengunjungi website kita untuk berpindah dari halaman yang satu ke halaman yang lain.
Untuk membuat sebuah link, kita dapat menggunakan tag <a href=”location”>Click Here</a>
Jenis-jenis Link yang ada pada Web:
Ditinjau dari tampilannya:
* Teks Link
adalah bentuk link yang paling sederhana.
Contoh: <a href=”index.php”> Klik disini untuk kembali ke menu utama </a>
Jika kita klik, maka browser akan meredirect kita ke halaman web dengan nama index.php
* Image Link
adalah bentuk link yang diwakili dengan image atau gambar.
Contoh: <a href=”index.php”><img src=”logo.jpg”></a>
Fungsinya sama dengan Teks Link, hanya saja dengan Image Link kita dapat membuat link menjadi lebih menarik dan attractive.
* Flash Link
adalah bentuk link yang diwakili dengan animasi flash. Keunggulannya adalah kita dapat menampilkan link dalam bentuk animasi.
Ditinjau dari destinasinya:
* Berpindah ke halaman lain
Jenis link ini akan meredirect user ke halaman lain, jadi berpindah antar halaman, tetapi masih dalam satu website
Contoh: <a href=”index.php”> Klik disini untuk kembali ke menu utama </a>
* Berpindah ke website lain
Jenis link ini akan meredirect user ke halaman tertentu pada website yang lain. Contoh: <a href=”http://www.wahyukurniawan.info/citahati”> Klik disini untuk berpindah ke website wahyu kurniawan </a>
* Berpindah ke bagian tertentu dari suatu halaman
Apabila kita mempunyai halaman web dengan content yang cukup banyak dan panjang, kita dapat mendefinisikan beberapa link untuk dapat berpindah ke bagian yang kita inginkan. Sebelum kita dapat menggunakan link, kita harus mendefinisikan sebuah anchor (dilambangkan dengan simbol jangkar). Anchor ini adalah tanda dimana user akan diredirect oleh link. Tiap anchor harus memiliki nama.
Contoh gambar anchor:
Adapun tagnya adalah sebagai berikut:
< a name=”section1″></a>
Setalah membuat anchor, barulah kita dapat membuat linknya.
<a href=”#section1″>Klik disini untuk pindah ke bagian 1</a>
* Link to Mail
Link jenis ini adalah link yang digunakan untuk mengirim email ke alamat tertentu. Jika diklik, dia akan membuka program email default yang terinstall di komputer user. Berikut ini adalah sintaks penulisannya.
<a href=”mailto:contact@wahyukurniawan.info”>Kontak kami</a>
LATIHAN
Buat personal website yang terdiri dari:
Halaman 1:
Berisi informasi tentang personal data: Nama, Alamat, Tempat & Tanggal Lahir, No Telepon – bisa ditampilkan dalam bentuk tabel
Halaman 2:
Berisi informasi tentang Hobby dan Kegemaran, bisa ditambahkan informasi tentang sahabat dan kesan-kesan tentang sahabatnya masing-masing
Halaman 3:
Berisi informasi tentang Sekolah, Kesan-kesan tentang Sekolah Cita Hati dan Jadwal Pelajaran yang ditampilkan dalam bentuk tabel
Catatan:
Antar Halaman 1, 2 dan 3 harus bisa dinavigasi dengan link. Gunakan image link untuk berpindah antar halaman
Desain tiap halaman sesuai kreatifitas masing-masing, Jika perlu gunakan CSS dan image
by: Wahyu Kurniawan