Senin, 01 Oktober 2012

Link HTML

Anchor
Anchor tag <A> untuk menentukan hyperlink dalam dokumen HTML. HREF properti digunakan untuk menentukan tujuan dari hyperlink tersebut.







Ada beberapa macam hubungan antara satu form dengan obyek yang lain, hubungan-hubungan itu meliputi :
  1. Hubungan web dengan halaman lain / situs lain
  2. Hubungan web dengan email
  3. Hubungan web dengan file
  4. Hubungan web dengan gambar
  5. Hubungan Gambar dengan web atau email atau link yang lain
  6. Link ke Dokumen Lain
  7. Link ke Section tertentu dalam Dokumen 
  8. Link Ke bagian tertentu Dokumen Lain.
Contoh-contoh
 a. Hubungan web dengan halaman atau situs lain




Pada tampilan adalah sebagai berikut :
Contoh_link





 
pada tampilan akan muncul sebagai berikut:
www.google.com

b. Hubungan web dengan email




 
Pada Tampilan akan muncul sebagai berikut
  d5yanti@yahoo.com
 Jika aplikasi itu di klik maka akan mengarah ke email editor yang ada.

c.  Hubungan web dengan file




 
Tampilan di browser adalah sebagai berikut:
Jika diklik akan muncul
















d.  Hubungan web dengan gambar






Atau yang tampak di browser adalah
Dan jika link ini di klik maka akan menuju ke halaman yang memuat gambar tersebut.

e.  Hubungan Gambar dengan web atau email atau link yang lain

Sama halnya dengan hubungan link yang lain, perintah script dari link ini contohnya







 f. Link ke Dokumen Lain
 Misalkan ada dua dokumen html link1.htm dan link2.htm untuk membuat link dari link1.htm ke link2.htm :
Link1.htm










Link2.htm










 g.  Link ke Section tertentu dalam Dokumen

Untuk membuat link ke section tertentu dalam satu dokumen digunakan property name untuk membuat nama tujuan dari link.
            Syntax name anchor:



 untuk membuat link ke nama:




contoh:
Link3.html





















 h. Link Ke bagian tertentu Dokumen Lain

Untuk membuat link ke bagian tertentu dokumen lain anda bisa gunakan anchor  name di dokumen yang menjadi tujuan hyperlink.

    <a href=”http://www.google.com” target=”_blank”> www.google.com </a>


Tidak ada komentar:

Posting Komentar