Yang sering anda temui dalam sebuah website adalah link. Link ini akan membuat konten atau elemen HTML4 dapat di klik dan akan mengarahkan/membawa anda ke halaman web lainnya. Biasanya suatu link ditampilkan berwarna biru dan bergaris bawah (selama belum diberi style).
Untuk menghubungkan halaman web Anda dengan halaman lainnya, HTML menyediakan pasangan tag <a> dan </a> pemakaian tag ini yang diikuti dengan atribut href akan memungkinkan halaman web terhubung dengan halaman lain, web lain ataupun emal. Pada hubungan ini terdiri atas tiga model: Cara Membuat Link di HTML
1. Menghubungkan halaman web dengan halaman web pada satu bagian web.
Dengan kode:
Dengan kode:
<a href="halaman_baru.html">Link Ke Halaman lain</a>
Untuk lebih jelasnya seilahkan tulis kode berikut kemudian simpan dengan nama link.html.<html>Kemudian Kita buat 2 buah file, yaitu link1.html dan link2.html , Pertama kita buat file baru dengan nama Link1.html berikut kodenya:
<head>
<title>Link</title>
</head>
<body>
<h1>Silahkan Klik Link Berikut</h1>
<a href="link1.html">Download file link1</a><br>
<a href="link2.html">Download file link2</a><br>
</body>
</html>
<html>Selanjutnya kita buat file link2.html. lalu ketikkan kode beikut:
<head>
<title>link 1</title>
</head>
<body>
<h1>Ini adalah halaman Download link 1</h1>
</body>
</html>
<html>Dan Ini Hasil dari keseluruhan Kode yang kita buat di atas:
<head>
<title>link 2</title>
</head>
<body>
Ini adalah halaman Download link 2
</body>
</html>
Jika kita klik Download Link 1 maka akan keluar seperti berikut:
Note:
Perhatikan Nama file, perhatikan Besar Kecil Huruf dalam penulisan baik di link atau nama file, usahakan sama. Dan untuk peletakan file usahakan di tempat yang sama atau dalam satu folder. Jika berbeda foolder pastikan mencantumkan nama folder. Seprti link/link.html, yang artinya ada folder link dan didalamnya ada file link.html.
2. Menghubungkan halaman web dengan web lain.
Dengan kode:
Dengan kode:
< a href = "http://www.bacacoding.blogspot.co.id">Link ke Website lain</a>
Sedangkan untuk menghubungkan dengan web lain, HTML akan mengenali link dengan fasilitas HTTP, untuk lebih memahami silahkan tulis kode berikut dan simpan dengan nama link_weblain.html.<html>Dan Berikut adalah Hasil kode diatas:
<head>
<title>Link web lain</title>
</head>
<body>
<h1>Silahkan Klik Link Berikut</h1>
<a href="http://www.bacacoding.blogspot.co.id">Link Ke Blog Bacacoding</a><br>
<a href="http://www.google.com">Link Ke Gooogle</a><br>
<a href="http://www.wikipedia.com">Link Ke Wikipedia</a>
</body>
</html>
Dan jika anda klik salah satu link maka anda akan di arahkan menuju link tersebut, contoh disini saya mengklik Link Blog Bacacoding dan saya langsung redirect ke Blog Bacacoding seprti berikut:
Baca Juga:
Cara Membuat Link Membuka Tab/Window Baru di HTML
Cara Mengatur Karakter Huruf di HTML
Cara embuat Heading atau Penjudulan di HTML
3. Menghubungkan web untuk fasilitas kirim email.
Anda juga dapat membuat link email, link ini berisi alamat email yang ketika diklik, aplikasi untuk mengirim email akan otomatis terbuka dan tujuan email secara otomatis terisi dengan alamat yang telah ditentukan.Untuk membuat link email, anda tinggal menambahkan mailto:alamat@email di dalam atribut href.
Dengan kode:
Anda juga dapat membuat link email, link ini berisi alamat email yang ketika diklik, aplikasi untuk mengirim email akan otomatis terbuka dan tujuan email secara otomatis terisi dengan alamat yang telah ditentukan.Untuk membuat link email, anda tinggal menambahkan mailto:alamat@email di dalam atribut href.
Dengan kode:
<a href = "mailto:syafrialdiyogi@gmail.com">Link Email</a>
Untuk mengirimkan email, anda dapat menggunakan script atau kode seperti berikut, kemudian simpan dengan nama link_email.html.<!DOCTYPE html>Berikut adalah Hasil dari kode di atas:
<html>
<head>
<title>Link Email</title>
</head>
<body>
<a href = "mailto:syafrialdiyogi@gmail.com">Kirim Email Ke yogi</a><br>
<a href = "mailto:faste@gmail.com">Kirim Email Ke Faste</a>
</body>
</html>
Jika anda klik link email tersebut maka akan di hubungkan ke MS Outlook.
Nah Bagaimana…? apakah sekarang kamu sudah mengerti Bagaimana Cara Membuat Link dengan HTML? Mungkin itu saja tulisan yang membahas tentang Cara Membuat Link dengan HTML, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.
Selain tipe link-link di atas, masih banyak lagi tipe link lainnya, seperti link No. Telp, Aplikasi dan lainnya.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
2 komentar
Click here for komentarSALAH NGENTOT
Replyok sangat bermanfaat nih buat pemula seperti saya
Replykomunitas jamtrok mania sukses selalu gan
ConversionConversion EmoticonEmoticon