HOME
Home » HTML » Jenis Macam Link Dan Cara Menuliskannya

Jenis Macam Link Dan Cara Menuliskannya

Posted at March 30th, 2016 | Categorised in HTML


Jenis atau macam link dan cara menuliskannya ke dalam kode HTML sebenarnya mudah, pada halaman berikut ini akan dibahas dengan jelas. 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 :

http://edyutomo.com/resep-makanan

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-dan-tahapan-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”

Artikel berkaitan :

Belajar SEO – cara mudah no. 1 di Google nggak pake lama
Cara membuat blog profesional dengan mudah

No comment for Jenis Macam Link Dan Cara Menuliskannya

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Post to Jenis Macam Link Dan Cara Menuliskannya

kode html

Cara Menuliskan Kode Html Untuk Karakter Khusus

Posted at March 31, 2016

Cara menuliskan kode HTML untuk karakter... Read More

kode html untuk warna

Cara Termudah Mengetahui Kode Warna Html

Posted at March 30, 2016

Kode warna HTML sangat penting untuk dipelajari... Read More

kode html bullet numbering

Membuat Bullet Dan Numbering Dengan Kode Html

Posted at March 30, 2016

Kode HTML untuk bullet dan numbering.... Read More

cara menuliskan url gambar

Kode Html Untuk Url Gambar

Posted at March 30, 2016

Kode HTML untuk URL gambar. Untuk dapat menampilkan... Read More

cara membuat favicon dengan kode hatml

Cara Membuat Favicon Dengan Kode Html

Posted at March 30, 2016

Cara membuat favicon dengan kode HTML mudah... Read More