HYPERLINK PADA HALAMAN WEB
A. ANATOMI LINK
Sintak link adalah sebagai berikut: <a href=”url”>nama link</a>
Link dapat dibuat pada suatu teks atau gambar dengan cara meletakkan teks atau gambar tersebut diantara tag pembuka <A HREF> dan tag penutup </A>.
Contoh penulisan kode link adalah sebagai berikut:
….
<A HREF=”tugas.html”NAME=”>ke BAB 2 </A>
<A HREF=”tugas.html#bagian1”NAME=”BAGIAN2”>
Ke BAB 1</A>
Link menggunakan gambar:
<A HREF=”tugas.html”NAME=”#bagian1”>
<img src=”logo.j[g></A>
….
Pada bagian href digunakan untuk referensi file tujuan, sehingga pada contoh di atas dapat ditulis href=”tuga.html
Jika pada file tugas.html trdpar banyak bab dan penempatan link digunakan untuk berpindah antara bab, maka pada tiap link diberi nama variable setelah tag name dan pada fhref disebutkan bagian bab yang dituju, sehingga penulisannya menjadi:
Href=”tugas.html#bagian2”.
1. Mengenal jenis Link
Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan lin dari satu teks ataau gambar ,enuju ke doumen atau bagian lain dalam sutu dokumen html. Browser Web yang akan menyorot (“heighlight”) teks atau gambar yang diidentifikasikan sebagai link dengan warna dan garis bawah untuk menunjukan bahwa itu adalah hyperlink atau link.
a. Link Relatif
Link relative merupakan link yang fungsinya untuk berpindah antar halaman web computer yang sama. Jika dua halaman web berbeda pada sutu direktori yang sama, maka dapat dituliskan nama file halaman yang dituju, Contohnnya:
b. Link Absolut
Link absolut adalah link yang fungsinya untuk berpindah antara halaman website yang satu dengan website yang lain di internet. Contohnnya:
B. FORMAT LINK ANTAR ISI PADA SUATU HALAMAN WEB
1. Pengertian
Format link antar isi pada suatu halaman webbiasa disebut juga dengan link dalam suatu halaman, berbeda dengan hyperlink pada umunnya yang biasa digunakan untuk menghubungkan suatu tulisan dengan tulisan lain yang berbeda pada halam yang berbeda atau blog yang berbeda, Link ini lebih banyak digunakan untuk halam yang sama. Misalnya membuat tautan link yang mengarah ke atas, ke tengah, dan kebawah.
Link ini dibuat untuk dokumen yang panjang sekali, sehingga apabila titampilkan dalam browser web akan mengharuskan kita melakukan scroll layar berulang-ulang.
2. Perinsip Dasar Pengguna
Prinsip dasarnya adalah kita menandai terlebih dahulu sutu bagian dengan memberi tanda tag anchor misalnya <a nama=”atas”>, kemudian pada bagian yang lain kita buat link untuk memanggilnya dengan kode <a href=”#atas”>.
Sintaknya adalah sebagai berikut:
<a name=”atas” ATAS</a> <– objek tujuan
<a href=”#atas”>ke Atas</a> <– link menuju ke tujuan
3. Cara Membuat Link Satu halaman
a. Menentukan nama target
Pilih bagain artikel yang ingin dijadikan sebagai target link, bias berupa sebuah paragraph, subjudul, kalia, atau kata yang kita inginkan. Kemudian dibuat namae atau id pada kata yang dipilih tersebut dengan satu nama variable, dalam pemberian nama variable tersebut tanpa menggunakan spas, karena spasi pada browser akan berubah menjadi “%20%”
Contoh 1:
BABIII
Contoh 2:
<a name=”bab4”>BAB IV </a>
*<a href=”bab3”> Ke Bab III </a>
*<a href=”bab4”>Ke Bab IV</a>
4. Link ke File
Ada beberapa cara penulian sintak link untuk menuju ke suatu halaman tertentu(file). Berikut ini adalah cara penulisan link yang menuju ke halan yang berbeda:
*Jika file yang dituju berbeda pada folder/directory yang sama denga file link, maka cukup dituliskan nama filenya, misalnya:
<a herf=”produk.html”>Daftar Pproduk</a>
*Jika file yang dituju berbeda pada subfolder didalamnnya, maka dituliskan nama foldernya, misalnya:
<a herf=”galery/macamnya.html”>Galery Produk</a>
*Jika file yang dituu berbeda pada folder diatas folder yang ditemopati oleh file link, maka penulisannya seperti berikut:
<a herf=”../tentang.html”>About me</a>
*Jika file yang dituju berbeda dua tingkat diatas folder link, maka dituliskan dua kali titik seperti berikut ini:
<a herf=”../../tentang.html”>About me</a>
Berdasarkan lokasi tujuannya, link daoat dibedakan menjadi 4 macam yaitu:
a. Link yang menuju bagian tertentu pada halam yang sama
<a herf=”bab2”name=”bab1”>Lihat bab2</a>
b. Link yang menuju ke halaman yang lain dalam web yang sama
<a herf=”gallery.html”>galeri foto</a>
c. Link yang menuju ke halaman yang lain dalam web yang berbeda
<a herf=”http://www.rusdi94.blogspot.com/tentang.html”> Tutorial Web</a>
d. Link yang menuju bagian tertentu pada halaman web yang berbeda
Link merupakan cara untuk membuka atau memanggil halam web atau file tertentu.
Link merupakan tag yang sangat penting dalam penggunaan HTML, ksarena dengan adanya link yang akan membedakan antara dokomen HTML dengan dokomen teks biasa.
Hampir semua link menggunakan tek sebagai penghubungnya. Teks yang berbeda di antara tag <A> dan </A> akan ditampilkan dengan garis bawah dengan warna standar biru. Sebenarnya warna ini dapat diubah sesuai dengan keinginan pembuat web dengan menambahkan atribut LINK, ALINK, dan VLINK dalam tag <BODY>. Atribut LINK digunakan untuk memberi warna link pertama kali tampil. ALINK digunakan untuk memberikan warna pada link saat mouse diklik dan VLINK digunakan untuk memberikan warna pada link yang sudah dikunjungi. Sintaknya adalah sebagai berikut:
<BODY LINK=”green”ALINK=red”VLINK=”PINK”>
Selain mengatur warna pada link, kita juga dapat menghilangkan garis bawah pada suatu link dengan membuat sintak seperti berikut ini:
Contoh hasilnya adalah sebagai berikut:
Link Pertama
Link Ke dua
Link Ke Tiga
*Link Antar Halaman W eb Untuk Membentuk Sitemap
Link dapat dibuat pada gambar maupun teks seperti yang telah dijelaskan pada pelajaran sebelumnya. Untuk membuat link yang menggunakan gambar peta, dapat dilihat pada contoh berikut ini:
…
<img src=”map.jpg”usepmap=”#mapku=”#mapku”>
<map name”mapku”>
<area shape=”rect” cords=”100,200,200”>
<area shape=”circle” cords=”50,50,30”>
<area shape=”poly” cords=”300,300,400,400,500,500,600,600”>
</map>
…
Rect digunakan untuk membuat area map berbentuk aegi empat dengan titik awal 100,100 dan titik akhirn200,200.
Circle digunakan untuk membuat area map berbentuk lingkaran dengan tiik tengah 50,50 dan diameter 30.
Poly digunakan untuk membuat area map berbentuk polygon dengan titik pertama 300,300, titik kedua 400,400, titik ketiga 500,500, titi keempat 600,600 dan dapat ditambahkan titik berikutnnya.
D. FORMAT TARGET LINK, EMAIL, DAN TELEPON
1. Format Target Link
Jika suatu link diklik maka browser akan menampilkan halaman yang ditujui oleh link tersebut. Ada dua macam penampilan oleh browser dalam memunculkan halam tujuan tersebut.
Kedua, ditampilkan pada jendela yang baru, sehingga akan muncul jendela yang baru untuk menampilkan halaman yang ditujui.
Dalam pembuatan link ini, harus ditambahkan atribut TARGET=”_blank”>
Berikut ini adalah beberapa target yang dapat diisikan pada link:
*_blank : halaman yang dipanggi akam muncul pada jendela baru.
*_top :halaman yang dipanggil akan mengisi penuh jendela yang sama, meskipun tadinya ada frame.
*_self : halam yang dipanggil akan mengisi tempat yang sama, bila link tersebut dalam sebuah frame maka halaman yang dipanggil akan mengisi frame tersebut.
*_parent: halaman yang dipanggil akan mengisi FRAMESET satu tingkat lebih tinggi dari FRAME tempat link yang bersangkutan.
2. Link Email
Link dapat digunakan untuk mengirim kealamat emil, jika link ini dklik akan membuka jendela pengiriman email dari program email yang terinstall pada computer (misalnya Microsoft Outlook).
Pada kotak tujuan email (To:) akan tercantum alamat email tujuan.
Contoh:
Link yang langsung menuju k alamat e-mail.
Kirim email</a>
3. Link Telepon
Link dapat digunakan untuk melakukan panggilan telepon, jika link ini diklik akan melakukan panggilan telepon pada nomer tjuan. Ppenulisan kodenya adalah sebagai berikut:
…
<a href =”tel://085290410466”)> klik disini untuk menghubungi saya </a>
…
4. Link SMS
Link ini dapat digunakan untuk melakukan pengiriman pesan SMS pada nomor tujuan, jika link ini akan melakukan pengiriman SMS pada nomor tujuan . penulisan kodenya adalah sebagai berikut :
…
<a href=”sms:085290410466&body=pendaftaran”>SMS ke saya:</a>
…
5. Link download
Link ini digunakan untuk pengambilan file dari server atau yang dikenal dengan istilah download adalah link yang ditujukan kepada file-file yang bukan file web, yaitu file yang tidak bisa ditampilkan oleh browser misalnya: file aplikasi dengan ekstensi EXE, file kompresi (ZIP), file audio (MP3), file dokumen seperti DOC, XLS, dan lainnya.
Bila link ini semacam diklik, maka akan muncul kotak dialog yang menyatakan apakah akan menyimpan (save) file itu dalam harddisk atau membukannya dengan program aplikasinya yang sesuai.
Ppenulisan kodenya adalah sebagi berikut:
…
<a href=”Mmodul_web.doc”>Download</a>
…
Tidak ada komentar:
Posting Komentar