Bagaimana cara membuat link HTML|:.Belajar HTML Lengkap Dan Gratis

Belajar HTML Lengkap dan Gratis-kali ini akan share mengenai bagaimana cara membuat link HTML,namun sebelum kita masuk ke tutorial bagaimana cara membuat link HTML sebaiknya kita kenali dulu apa sih link itu,apa fungsinya dan seperti apa sih dan lain-lain.

 

Pengertian LINK dan fungsinya

Link adalah sebuah teks atau gambar yang bila di klik akan membawa anda ke bagian lain dari dokumen web.nah itu dia pengertiannya sebagai contoh misalkan anda mengunjungi sebuah website yang di dalamnya terdapat link seperti ini

Keterangan :

PROFIL,BUKU TAMU ,BERITA dan DOWNLOAD GRATIS Merupakan link-link dari website yang anda kunjungi diatas,yang apabila link-link tersebut anda klik,maka anda akan dibawa ke halaman lain dari website tersebut,jadi mudahnya link merupakan kendaraan yang mengantarkan anda ke halaman lain dari dokumen web apabila anda mengklik nya. 

Lalu seperti apa itu link ?

Link ini dapat kita identifikasi,bisaanya link ini mempunyai garis bawah atau underline dibawah teksnya,dan apabila kita arahkan pointer kita maka pointer ini akan berubah bentuk menjadi seperti dibawah ini

Lalu apakah link hanya berbentuk teks saja ? 

Berikut ini macam-macam link

Link memiliki 3 macam bentuk berbentuk teks,gambar dan keduanya,jadi anda dapat membuat link dengan bentuk teks,bentuk gambar dan bentuk teks serta gambar (gabungan),apakah terdapat perbedaan ?,secara fungi link dalam bentuk apapun tidak memiliki perbedaan semuanya sama yaitu berfungsi sebagai kendaraan dunia maya dimana ia akan mengantarkan anda menuju halaman web lain .hanya saja memiliki perbedaan dari segi bentuknya

Berikut ini contoh link dari ketiga bentuk diatas

1.  Link dengan bentuk teks

Untuk mengidentifikasi atau mengetahui bentuk link teks ini sangat mudah sekali yaitu dengan melihat garis bawah dari tulisan tersebut lalu mengarahkan kursor atau pointer pada tulisan tersebut apabila kursor tersebut berubah bentuk menjadi seperti bentuk tangan.maka bisa dipastikan bahwa ini adalah teks yang mengandung link

2. Link dalam bentuk gambar

Link dengan bentuk ini sedikit sulit untuk mengetahuinya,namun akan terlihat saat tersentuh oleh kursor jika saat kita arahkan,kursor akan berubah menajdi bentuk tangan,ini dapat di pastikan bahwa gambar tersebut mengandung link

3. Link dalam bentuk  gambar dan teks

Tidak terdapat perbedaan dengan bentuk yang ke dua namun bentuk yang ke tiga ini lebih mudah untuk mengetahuinya,dengan cara melihat apakah teks akan berubah saat disentuh kursor seperti pada bentuk yang pertama diatas,dan apakah kursor akan berubah saat menyentuh gambar seperti bentuk yang ke dua di atas ?. jika iya maka dapat dipastikan bahwa gambar yang memiliki teks  terebut merupakan link dengan bentuk gambar dan teks.

Demikian sekilas tentang link jika anda belum mengetahuinya

lalu Bagaimana cara membuat link HTML ?

Belajar HTML Lengkap dan Gratis-berikut ini tutorial Bagaimana cara membuat link HTML,untuk membuat link di dalam HTML kita membutuhkan syntax <a>…</a> yang di lengkapi dengan “href=tujuan link” jadi seperti ini :

<a href="tujuan link">teks/gambar/teks dan gambar yang berbentuk link </a>

Keterangan :

<a> merupakan perintah untuk membuat link di dalam HTML

Sedangkan href=”..” merupakan tujuan dari link

Dan teks/gambar/teks dan gambar yang akan berbentuk link ditulis antara tag <a>…</a>

Demikian syntax yang dibutuhkan.

Dan berikut ini contoh Cara Membuat Link HTML

Misalnya kita akan membuat teks “klik di sini ” menjadi sebuah link maka scriptnya seperti ini :

<a href="">Klik di sini</a>

Maka hasilnya 

Berikut ini langkah membuatnya,misalkan kita ingin saat tulisan “klik di sini”,kita klik maka kita berpindah dari halaman utama ke halaman registrasi anggota dan sebaliknya,maka cara pembuatannya sebagai berikut :

1. Siapkan folder baru pada desktop anda dengan nama “latihan link” tanpa kutip lalu di dalam folder tersebut buat lagi folder baru dengan nama “project”,tanpa petik

2. Copy dan paste code HTML di bawah ini kedalam notepad anda dan simpan file ke dalam folder “project” yang sudah dibuat pada langkah satu diatas dengan nama ”utama.html” ! 

      <html>

      <head>

      <title>Belajar membuat link</title>

      </head>

      <body> 

       Ini adalah halaman utama dimana jika anda klik tulisan 

      <a href="registrasi.html">Klik di sini</a><br>maka anda akan dibawa ke halaman registrasi anggota

      </body>

      </html>

        

3.Copy dan paste code HTML di bawah ini kedalam notepad baru anda dan simpan file kedalam folder “project” yang sudah dibuat pada langkah satu diatas dengan nama ”registrasi.html” !

<html>

<head>

<title>Halaman Registrasi Anggota</title>

</head>

<body>

Ini adalah halaman Registrasi anggota……………berarti anda berhasil

<br><a href="utama.html">Klik di sini</a> &nbsp; Untuk kembali ke halaman Utama !!!!!!

</body>

</html>

4.  Cek pada folder project anda,apakah sudah terisi file “utama” dan “registasi” ?,jika belum maka ulangi dari langkah awal,jika sudah ada silahkan klik 2x pada file dengan nama “utama”,berikut ini hasilnya.

Silahkan anda klik tulisan Klik di sini maka akan dibawa ke halaman registrasi seperti gambar dibawah ini :

 

    

 

 Demikian tutorial mengenai cara membuat link pada HTML,Semoga dapat bermanfaat terimakasih atas kunjungannya.