Link pada HTML Dyah Ayu Irawati, ST., M.Cs.

Presentasi berjudul: "Link pada HTML Dyah Ayu Irawati, ST., M.Cs."— Transcript presentasi:

1 Link pada HTML Dyah Ayu Irawati, ST., M.Cs

2 Membuat Link pada HTML Link pada HTML adalah Hyperlink
Hyperlink adalah sebuah elemen, teks atau sebuah image yang dapat diklik dan kemudian menuju ke dokumen lain Browser Web akan menyorot (“highlight”) teks atau gambar yang diidentifikasi sebagai link dengan warna dan / atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link (hyperlink atau link).

3 Syntax Link pada HTML TAG ANCH <A> digunakan untuk membuat suatu link kepada dokumen lain dalam dengan menambah atribut “href” sebagai definisi lokasi link. Syntaxnya : <A HREF=“url”>teks yang mengandung link</A> Atribut HREF menspesifikasi alamat tujuan link Teks yang mengandung link adalah tulisan yang akan tampak pada tampilan web yang berisi link, dan jika diklik maka teks akan menuju ke alamat yang ada di dalam atribut HREF Contoh: <A HREF=” clik here to show it</A>

4 Macam-macam Link Link Relative Link Absolute
Adalah link local yang memberikan link ke dalam website yang sama yang dispesifikasikan dengan sebuah URL Relatif (tanpa Link Absolute Digunakan apabila anda membuat link ke page web lain yang berada pada web site lain di internet. Link dalam Dokumen yang Sama

5 Link Relatif Digunakan jika membuat suatu link pada page anda ke page lain pada komputer yang sama. Bila dua page berada pada direktori sama, anda dapat menuliskan nama file html seperti berikut : <A HREF = “page_2.html”> Next </A>

6 Link Absolute Digunakan apabila anda membuat link ke page web lain yang berada pada web site lain di Internet. Contoh: <A HREF = “ here if you want to the update news</A>

7 Link dalam Dokumen yang Sama
Link ini dibuat untuk dokumen yang panjang sekali, sehingga apabila ditampilkan dalam browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Navigasi untuk penelusuran dokumen dapat dimudahkan dengan membuat link antar bagian, dengan menandai setiap bagian tersebut dengan memberinya nama. Sehingga pada tempat di dalam dokumen akan ada bagian yang bernama, dan di bagian lainnya dapat diletakkan link untuk menuju ke bagian-bagian tersebut.

8 Langkah-langkah memberi nama suatu bagian dalam dokumen antara lain:
Letakkan kursor pada baris atau teks yang menjadi awal dari bagian tersebut, Sisipkan nama bagian tersebut dengan: <A NAME= “nama bagian”> Membuat link yang menuju pada bagian dokumen yang sama dapat dilakukan dengan cara yang sama seperti link absolut atau relatif, namun nama dokumen dalam link diganti dengan namabagian dokumen dengan ditambah tanda # yang ditulis sebelum nama bagian tersebut. Contoh: <A HREF= “#nama bagian”> Bagian tentang link</A>

9 Praktikum 1

10

11

12 Warna dan Icon pada Link HTML- Style
Ketika mouse digerakkan di atas link, dua hal yang biasanya terjadi adalah: Panah Mouse akan berubah menjadi icon tangan kecil. Warna dari element link akan berubah Secara default, link akan tampak seperti berikut di semua browser : Sebuah link yang belum dikunjungi, digarisbawahi dan berwarna biru. Sebuah link yang telah dikunjungi , digarisbawahi dan berwarna ungu. Sebuah link aktif biasanya digarisbawahi dan berwarna merah. Perubahan pada default dapat dilakukan dengan mengubah style.

13 Perubahan Style

14 Atribut Target pada Link HTML
Atribut target menunjukkan di mana akan dibuka link yang diberikan. Nilai Atribut Deskripsi _blank Membuka link dokumen di tab atau window baru _self Membuka link pada frame yang sama _parent Membuka link pada parent frame _top Membuka link dalam tampilan full window namaframe Membuka link pada frame yang diberi nama

15 Atribut Target

16 Gambar Sebagai Link