Adv

Archive for Juli 2012

Membuat link di HTML

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.
Kamis, 19 Juli 2012
Posted by Adhi Rohmantoro

Total Pageviews

Ads

- Copyright © Its My Blog But Your Info -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -