Lompat ke konten Lompat ke sidebar Lompat ke footer

BELAJAR HTML | Cara Membuat Link Pada HTML

Assalamualaikum Wr Wb , Selamat Pagi sobat Awonapa JR. Pada kesempatan kali ini saya akan membagikan sebuah cara, bagaimana Cara Membuat Hyperlink pada HTML, membuat link adalah salah satu bagian terpenting di dalam HTML.

hyperlink
Hyperlink

Hyperlink

Sebelumnya apakah kalian sudah tau, apa itu Hyperlink?
Hyperlink yaitu menghubungkan antara satu dokument dengan dokumen yang lain pada HTML. Tujuan dari hyperlink ini membuat sebuah teks atau gambar yang ketika diklik akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam penulisan hyperlink tersebut.

Link juga dikenal dengan sebutan anchor tag, karena ia dibuat dengan tag <a>.

Link dibagi menjadi dua :
  1. Internal Link: adalah link yang menuju kesuatu domain atau halaman web itu sendiri
  2. External Link: adalah link yang menuju domain lain, atau berbeda halaman
Apa perbedaan dari internal link, dan external link?
Internal link biasanya digunakan untuk menghubungkan halaman yang satu dengan yang lainnya dalam satu website.
External Link biasanya digunakan untuk membuka domain lain, yang berbeda dengan halaman html/website itu sendiri.

Membuat Hyperlink atau Link

Contoh Internal Link:  
<a href="awonapa.com">Awonapa JR , Situs Belajar Membuat Website</a> 

Maka hasil dari Link yang kita buat diatas adalah seperti ini Awonapa JR , Situs Belajar Membuat Website.


Contoh External Link:  
<a href="https://www.facebook.com/awonapa">Belajar Bersama Awonapa JR</a>

Berikut ini adalah hasil dari External Link yang sudah kita buat Belajar Bersama Awonapa JR

Kita coba dengan contoh lain, misalkan
<html>
<head>
 <meta charset="UTF-8">
 <title>Awonapa JR</title>
</head>
<body>
 <div>
  <h1>Selamat Datang Awonapa JR</h1>
  <p>Ini adalah halaman utama dari website Awonapa Jr</p>
 </div>
 <div>
  <p>Silahkan Kunjungi Fanspage kami.</p>
  <a href="www.facebook.com/awonapa">Fanspage Awonapa</a>
 </div>
</body>
</html>
Nah maka hasil dari tempilan tersebut adalah...

link html

Teman-teman bisa melihat tutorial lengkap di link ini,

Belajar HTML 5 Lengkap

Baik sekian sharing kita kali ini, Terimakasih!

Wassalamualaikum Wr Wb

Posting Komentar untuk "BELAJAR HTML | Cara Membuat Link Pada HTML"