Cara
Membuat Link/Hyperlink Antar Halaman,Website lain dan Email
Belajar
HTML untuk Pemula
Hyperlink
lebih dikenal Link adalah salah satu cara untuk menghubungkan halaman web
dengan halaman web lain, email dan dunia luar(internet).
Fungsi
untuk membuat Link dengan cara menambahkan menggunakan tag achor ” <a>
<a
href=”URL/Halaman”>
URL
adalah kumpulan dari alamat web beserta lokasi dan nama filenya.
Ada
3 Jenis link yaitu :
- Link Antar Halaman
- Link Ke Wesite lain
- Link ke Email
Link
Antar Halaman
Misalkan kita memiliki beberapa file
html dalam satu folder/directory, Contoh :index.html, latihan1.html,
latihan2.html dan latihan3.html. dalam file tersebut kita mau menghubungkan
antara halaman-halamn tersebut.
Link
Ke Website Lain
Misalnya kita akan menghubungkan
halaman website kita ke facebook, google, twitter atau halaman website lainnya.
untuk me-link ke facebook maka URL facebooknya adalahb http://facebook.com
atau http://facebook.com/index.php.
Link
Ke Email
Misalnya kita mau membuat link pada
email andrematondang535@gmail.com
maka contoh yang fungsi yang kita ketikan adalah <a href=”mailto:andrematondang535@gmail.com>kirim Email</a>
Untuk
lebih jelasnya coba ketik Script dibawah ini, namun sebelumnya buat dulu
halaman sederhana dengan nama latihan1.html, latihan2.html, latihan3.htm.
simpan
script berikut dengan nama index.html
<head>
<title>BelajarHTML|SmkMethodist.co.id</title>
</head>
<title>BelajarHTML|SmkMethodist.co.id</title>
</head>
<body>
<h2>Mari Kita Belajar Hyperlink(Link)</h2>
<p> <a href=”latihan1.html”>Latihan 1 </a>|
<a href=”latihan2.html”>Latihan 2 </a>|
<a href=”latihan3.html”>Latihan 3 </a></P>
<h2>Mari Kita Belajar Hyperlink(Link)</h2>
<p> <a href=”latihan1.html”>Latihan 1 </a>|
<a href=”latihan2.html”>Latihan 2 </a>|
<a href=”latihan3.html”>Latihan 3 </a></P>
<p><a
href=”index.html”>Home</a> |
<a href=”http://facebook.com”>Facebook</a> |
<a href=”http://google.com”>google</a> |
<a href=”http://wwwsmkmethodist.co.id/belajar-html-untuk-pemula/”> belajar HTML</a></P>
<a href=”http://facebook.com”>Facebook</a> |
<a href=”http://google.com”>google</a> |
<a href=”http://wwwsmkmethodist.co.id/belajar-html-untuk-pemula/”> belajar HTML</a></P>
Kontak Email:
<a href=”mailto:andrematondang535@gmail.com”> andrematondang535@gmail.com </a>
<a href=”mailto:andrematondang535@gmail.com”> andrematondang535@gmail.com </a>
</body>
</html>
</html>
Berikut adalah screenshot dari
script diatas:
Sekian Posting hari ini semoga
bermanfaat.amin
 |
| Add caption |
