Belajar HTML Membuat HyperLink

Kode-kode di bawah ini silakan dicoba satu-per-satu, kemudian silakan mencoba variasi penggunaan link di bawah ini. Gunakan alamat tujuan yang berbeda dari contoh yang ada. Bila tidak terdapat koneksi ke Internet, gunakan alamat lokal saja terlebih dahulu.

<html>
<body>
<p>
<a href=”nextpage.htm”>
Teks ini</a> adalah sebuah link ke suatu halaman
dalam situs Web.
</p>
<p>
<a href=”../../www.microsoft.com/index.htm”>
Teks ini</a> adalah sebuah link ke suatu halaman
Situs Microsoft di World Wide Web.
</p>
</body>
</html>

Link gambar
Anda dapat juga menggunakan gambar sebagai sebuah link:
<html>
<body>
<a href=”nextpage.htm”>
<img border=”0″ src=”tombol.gif” width=”65″ height=”38″>
</a>
</body>
</html>

Link ke window baru
<html>
<body>
<a href=”nextpage.htm” target=”_blank”>halaman Berikutnya</a>
</body>
</html>
Bila Anda memberikan atribut target sebuah link menjadi target=”_blank”, Link tersebut akan membuka sebuah window browser baru.

Link ke halaman yang sama
<html>
<body>
<p>
<a href=”#C4″>
Lihat juga ke Bab 4.
</a>
</p>
<p>
<h2>Bab 1</h2>
<p>Bab ini menerangkan tentang ……..</p>
<h2>Bab 2</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 3</h2>
<p> Bab ini menerangkan tentang ….. </p>
<a name=”C4″><h2>Bab 4</h2></a>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 5</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 6</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 7</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 8</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 9</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 10</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 11</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 12</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 13</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 14</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 15</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 16</h2>
<p> Bab ini menerangkan tentang ….. </p>
<h2>Bab 17</h2>
<p> Bab ini menerangkan tentang ….. </p>
</body>
</html>

Keluar dari Frame
<html>
<body>
<p>Terkunci dalam frame?</p>
<a href=”../index.htm”
target=”_top”>Klik disini!</a>
</body>
</html>

Link ke e-mail
<html>
<body>
<p>
Ini adalah link ke e-mail:
<a href=”mailto:emailsaya@belalangtue.co.cc?Subject=Halo%20lagi”>
Kirim e-mail</a>
</p>
</body>
</html>

Catatan: Spasi di antara kata-kata sebaiknya digantikan dengan %20 untuk memastikan bahwa browser akan menampilkan teks Anda dengan benar.

Link ke e-mail(2)
<html>
<body>
<p>
Ini juga contoh link ke e-mail:
<a href=”mailto:anda@microsoft.com?cc=dia@microsoft.com&bcc=kamu@microsoft.com&subject=Summer%20Party&body=Apakah%20Anda%20mau%20diundang%20ke%20pesta%20malam%20minggu?”>Kirim e-mail!</a>
</p>
</body>
</html>

Catatan: Spasi diantara setiap kata sebaiknya digantikan dengan tanda %20 untuk memastikan bahwa browser akan menampilkan teks Anda dengan benar.

Tentang belalangtue

manusia biasa yang ingin terus belajar.............
Pos ini dipublikasikan di Computer, HTML, pemrograman, tutorial dan tag , , , . Tandai permalink.

4 Balasan ke Belajar HTML Membuat HyperLink

  1. Sang Penjelajah Malam berkata:

    siip

  2. meee berkata:

    thxx yaaa ^_^

  3. Anonim berkata:

    TRIMAKASIH BANYAK BISA BERMANFAAT UNTUK SAYA DAN ORANG LAIN

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s