Menambahkan link ke halaman lain HTML

Apa yang membuat Web sangat efektif adalah kemampuan untuk membuat link dari satu halaman ke halaman yang lain, dan mengikutinya hanya dengan sebuah klik. Sebuah klik dapat membawa anda langsung ke seberang dunia!

Link didefinisikan dengan tag <a>. Mari membuat sebuah link pada file "kucing.html" di folder/direktori yang sama dengan file HTML yang sedang anda edit::

Link menuju <a href="kucing.html">MyBlog</a>.
 
Teks antara <a> dan </a> digunakan sebagai keterangan dari link. Adalah hal yang umum bagi keterangan tersebut untuk diberi garis bawah berwarna biru.
Bila file yang anda link adalah direktori asal (parent directory), anda perlu menambahkan "../" sebelumnya, sebagai contoh:

<a href="../kacung.html">halamannya kacung</a>
 
Bila file yang dilink adalah sebuah sub direktori, anda perlu memberikan nama dari subdirektori tersebut diikuti sebuah "/" setelahnya, sebagai contoh:

<a href="friends/sule.html">halamannya sule</a>
 
Penggunaan relative path memungkinkan anda melink sebuah file dengan pergi naik atau turun direktori sesuai kebutuhan, sebagai contoh":

<a href="../college/friends/john.html">halamannya John</a>
 
Di mana pertama kali akan dicari pada direktori asal, dari sebuah direktori lain bernama "college", dan kemudian sebuah subdirektori dengan nama "friends" untuk sebuah file dengan nama "michael.html".
Untuk melink ke sebuah halaman atau situs Web lain anda perlu memberikan alamat lengkap Web (umumnya dinamakan URL), sebagai contoh untuk melink ke www.w3.org anda perlu menuliskan:

Kunjungi <a href="http://kackuc.blogspot.com/">my blog</a>.
 
Anda dapat mengubah sebuah gambar menjadi sebuah link hypertext, sebagai contoh, berikut ini memungkinkan anda untuk mengklik pada logo perusahaan untuk pergi ke halaman utama / depan:
<a href="/"><img src="logo.gif" alt="home page"></a>
Contoh ini menggunakan "/" untuk menghubungi direktori asal, yang mana adalah home page.

Tidak ada komentar:

Posting Komentar