Sunday, November 6, 2016

Belajar Pemrograman HTML (12)

Setelah mengetahui bagaimana cara penulisan link pada suatu dokumen HTML, selanjutnya kita akan membahas tentang jenis-jenis link.

Jenis-jenis link ada tiga, yakni:
  1. Link Relatif. Link relatif adalah link dalam page ke page yang lain dalam satu komputer. Contoh:   <a href=”Jaring2.html”> Berikut </a>
  2. Link absolut. Link absolut adalah link web page ke website lain di internet. Contoh: <a href=”http://www.facebook.com”> Facebook </a>
  3. Link dalam satu dokumen. Link ini dibuat apabila dokumen html cukup panjangContoh: <a href=”#yang_baru”> Yang baru hari ini </a>
            <a name=”yang_baru”> </a>
            <b> <u> Yang Baru Hari Ini </u> </b>

Itulah ketiga jenis link. Untuk lebih memahami tentang penggunaan dari tiga link tersebut, kita lihat contoh script berikut ini.


Output:

Penjelasan:
Untuk link pertama, yakni link secara relatif, jika klik linknya, maka web browser akan mengarahkan ke dokumen html yang masih berada dalam satu komputer

Untuk link kedua, yakni link secara absolut, jika kita klik linknya, maka web browser akan mengarah kita ke situs facebook karena pada penulisan sumber di scriptnya, tertulis alamat facebook yang akan menghubungkan kita ke situs facebook akan mengklik link tersebut. 

Membuat link pada suatu email juga bisa dilakukan, penulisannya seperti ini:
<a href="mailto:alamat email"> Teks yang ditampilkan </a>
Jadi ketika kita klik linknya, maka secara otomatis kita bisa mengirimkan email ke alamat email yang telah kita tuliskan di scriptnya

Link  yang terakhir juga terdapat “kembali ke atas” di web browser. Jika kita klik link tersebut, maka secara otomatis, web browser akan mengarahkan kita ke bagian paling atas dari web browser. Namun sebelumnya, di penulisan script kita juga harus mendefinisikan bagian atas yang dimaksud di web browsernya nanti dengan menuliskan sintaks
<a name=”top”>

Jika kita tidak mendefinisikan bagian atas yang dimaksud pada teks editornya, maka link juga tidak akan berfungsi. Link jenis inilah yang kemudian disebut link ke bagian lain dalam dokumen 

No comments:

Post a Comment