› Unlabelled › 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.  Contoh href=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:info@edyutomo.com”
Posted by :
Add Comment

Langganan: Posting Komentar (Atom)