Penambahan Link/Tautan menuju Halaman Lain pada HTML

Selain Dasar-Dasar HTML, Memulai Judul pada HTML dan Penambahan Gambar pada HTML pada posting saya sebelumnya, yang tidak kalah pentingnya adalah Penambahan Link ke Halaman Lain pada HTML.Apa yang membuat Blog sangat efektif yaitu kemampuannya untuk membuat link/tautan dari satu halaman web ke halaman web yang lain, dan cukup mengikuti link tersebut hanya dengan sebuah klik yang dapat membawa kita langsung ke seberang dunia!

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

Ini adalah link ke <a href="dhanny.html">halamannya Dhanny</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="../dhanny.html">halamannya Dhanny</a>

Bila file yang dilink adalah sebuah sub direktori, anda perlu memberikan nama dari subdirektori tersebut diikuti sebuah "/" setelahnya, sebagai contoh :

<a href="friends/rhenny.html">halamannya Rhenny</a>

Penggunaan relative path memungkinkan anda melink sebuah file dengan pergi naik atau turun direktori sesuai kebutuhan, sebagai contoh :

<a href="../college/friends/rudy.html">halamannya Rudy</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 "john.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 :

Ini adalah sebuah link menuju<a href="http://www.w3.org/">W3C</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.