Sabtu, 17 September 2016

cara membuat link hyperlink antar halaman website lain dan email

Cara Membuat Link/Hyperlink Antar Halaman,Website lain dan Email

Belajar HTML untuk Pemula (bag. 6)

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 Usman@usmanbahtiar.com maka contoh yang fungsi yang kita ketikan adalah <a href=”mailto:usman@usmanbahtiar.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>Belajar HTML | UsmanBahtiar.com</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>
<p><a href=”index.html”>Home</a> |
<a href=”http://facebook.com”>Facebook</a> |
<a href=”http://google.com”>google</a> |
<a href=”http://usmanbahtiar.com/belajar-html-untuk-pemula/”> belajar HTML</a></P>
Kontak Email:
<a href=”mailto:Usman@usmanbahtiar.com”> usman@usmanbahtiar.com</a>
</body>
</html>

Tidak ada komentar:

Posting Komentar