Menambahkan link

Anda pasti sudah tau apa itu link. Tapi jika anda adalah seorang yang lagi awal tahap belajar mungkin masih kurang.
Ketika anda lagi browsing anda mengeklik tulisan, kemudian anda dibawa ke sebuah halaman lain, nah tulisan yang anda klik tadi disebut link.

Untuk membuat link anda tambahkan tag <a> .. </a> contoh anda membuat link yang menuju ke file petruk.html, pitruk.html tersimpan di folder / direktori yang sama dengan file html yang sedang anda edit.

<a href="petruk.html">halaman petruk</a>

Teks antara <a> dan </a> adalah sebagai keterangan link, pada umumnya berwarna biru dengan garis bawah

Jika anda ingin membuat link yang menuju ke file html yang berada di folder / direktori anda butuh menambahkan “../” di depannya misalkan

<a href="../semar.html">halaman semar</a>

Jika anda ingin membuat link yang menuju ke file subdirektori anda perlu menambahkan nama dari subdirektori diikuti “/” misalkan

<a href="saudara/gareng.html">halaman gareng</a>

Penggunaan path relatif memungkinkan anda untuk link ke sebuah file dengan berjalan naik dan turun pohon direktori yang diperlukan, misalnya

<a href="../keluarga/saudara/bagong.html">halaman bagong</a>

Yang pertama kali terlihat di direktori induk direktori lain bernama “keluarga”, dan kemudian di sebuah subdirektori yang bernama “saudara” untuk file yang bernama “bagong.html”. Untuk link ke halaman di situs Web lain anda perlu memberikan alamat Web secara penuh (biasa disebut URL), misalnya untuk link ke www.w3.org Anda perlu menulis

Ini adalah link ke <a href="http://www.w3.org/">W3C</a>

Anda juga dapat mengubah sebuah gambar menjadi link yang apabila logo perusahaan di klik akan membawa ke halaman

<a href="/"><img src="logo.png" alt="halaman rumah"></a>

Ini menggunakan “/” untuk merujuk ke direktori akar pohon yaitu halaman muka.

Lebih jelasnya kunjungi www.w3.org

CATEGORY : html TAG : belajar, code, html, standar at Sunday, 31 January, 2010