MACAM LINK DAN CARA MENULISKAN LINKNYA
Macam Link
Dan Cara Menuliskan Linknya
Materi belajar
HTML kali ini
kita akan membahas tentang hyperlink atau link. Link adalah kata – kata atau
teks yang diberi tanda khusus, dimana kalau kata atau teks tersebut
diklik maka akan muncul halaman yang dituju oleh link tersebut.
Pada
halaman cara
membuat website, kita
telah membahas bahwa untuk membuat website dapat menggunakan cara instan
menggunakan blogger,wordpress atau joomla. Dengan cara
tersebut, untuk membuat link tentu sangat mudah hanya dengan memanfaatkan
tombol yang tersedia dan semuanya beres.
Namun jika
kita ingin membuat situs penjualan seperti bisnis online kita dituntut untuk
dapat memahami cara menuliskan kode HTML termasuk cara menuliskan link.
Link biasanya
ditandai dengan teks yang berwarna biru dan bergaris bawah. Satu
lagi ciri khasnya adalah pointer mouse akan berubah menjadi gambar telunjuk
tangan jika diarahkan ke link tersebut. Link dapat berbentuk teks atau
gambar.
Untuk membuat
teks atau gambar menjadi sebuah link, berikut ini adalah rumus cara
menuliskannya :
<a
href=”lokasi halaman yang dituju”>teks yang diinginkan </a>
Contoh
kalimat : aneka resep nusantara.
Dari kalimat
di atas, kata “ resep “akan dibuat link menuju halaman berikut
ini :
Maka cara
menuliskan link adalah sebagai berikut :
aneka
<a href=”http://edyutomo.com/resep-makanan”> resep</a>nusantara.
Sehingga link
itu akan tampak seperti di bawah ini :
aneka resep nusantara
MACAM
- MACAM LINK
Berdasarkan
lokasi halaman tujuan dari sebuah link, hyperlink atau link dapat dibagi
menjadi bebearapa macam :
1. Link yang
menuju ke halaman utama, cara menuliskan adalah : href=”http://www.namasitus.com”
2. Link yang
menuju ke halaman lain dalam situs lain, cara menuliskannya , disamping
kita menuliskan URL halaman utama kita juga harus menuliskan lokasi file /
foldernya. Contoh : href=”http://edyutomo.com/internet-dan-komputer/tips-seo“
3. Link yang
menuju ke halaman lain dalam situs yang sama, maka cukup menuliskan lokasi
filenya tanpa menuliskan URL halaman utama. Ini dibagi menjadi beberapa macam :
- Bila lokasi / halaman yang dituju berada pada
folder yang sama dengan file dari link tersebut, maka cukup dituliskan
nama filenya saja, contoh : href=”latihan.html”.
- Bila lokasi / halaman yang dituju berada pada
folder yang lain di bawah folder yang ditempati oleh
link tersebut, maka harus dituliskan juga nama foldernya, contoh
: href=”panduan/latihan.html”.
- Bila lokasi / halaman yang dituju berada pada
folrder yang lain di atas folder yang ditempati oleh link tersebut,
maka cara menuliskan link seperti berikut ini : href=”../gambar01.jpg”
- Bila lokasi / halaman yang dituju berada pada
folder yang letaknya berada di dua tingkat di atas folder yang
ditempati oleh link tersebut. Caranya
: href=” ../../gambar01.jpg”
4. Link yang
menuju ke bagian tertentu dari sebuah halaman. Ini dilakukan dengan cara
memberi nama bagian atau area yang dituju sebelum dibuatkan
linknya. Untuk memberi nama pada bagian tersebut digunakan
tag <a name=”nama yg diinginkan”></a>. Untuk
embuat linknya ada 2 cara seperti :
- Bagian atau tempat yang dituju berada pada
halaman yang sama dengan link yang dibuat. Cara menuliskannya
adalah href=”#nama yg diinginkan”
- Bagian atau tempat yang dituju berada pada
halaman yang lain, maka nama filenya harus ditulis baru
diikuti dengan nama bagian / areanya. Contohhref=halaman1.html#nama
area
5. Link yang
mengarah ke file yang bukan file HTML, misalnya file audio, video atau file
gambar. Caranya sama dengan poin 1,2 dan 3. Yaitu href=”lokasi
filenya”
6. Link yang
mengarah ke alamat email tertentu. Contoh cara menuliskannya adalah href=”mailto
Komentar
Posting Komentar