HTML: Link

26-May-2009 at 11:52 am Leave a comment

Lanjut pelajaran HTML nya
Sekarang kita bahas tentang Link atau sering disebut hyperlink, trus…

Apakah gunanya link ini?
Link digunakan untuk menunjukkan resource, atau gampangnya mengarahkan browser untuk berpindah halaman atau berpindah website. Formatnya seperti dibawah ini:

<a href=”url”>Link text</a>

url:  arah dari  resource
Link text: Tulisan yang biasanya akan berwarna biru dengan gaya underline, tulisan ini jika di-klik akan membuat browser berpindah halaman menuju url.

Contoh:

<a href=”bukutamu.html”>Lihat Buku Tamu</a>

jika tulisan  Lihat Buku Tamu di-klik, browser akan berpindah ke halaman bukutamu.html
Lokasi file bukutamu.html adalah 1 folder dengan file pemanggilnya ini

<a href=”http://www.google.com”>Coba Ini</a>

Jika tulisan Coba Ini di-klik maka browser akan menuju http://www.google.com

Jangan Lupa bahwa script diatas itu lokasinya diantara <body> dan </body>

Ini adalah script lengkap nya:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>

<body>
Contoh Link:<br />
<br />
<a href=”bukutamu.html”>Lihat Buku Tamu</a><br />
<br />
<a href=”http://www.google.com”>Lihat Ini</a>
</body>
</html>

Dan hasilnya di browser akan terlihat seperti ini:

linkNah, silahkan dicoba

Makaci 😀

Advertisements

Entry filed under: Belajar HTML. Tags: , , , , , .

HTML: Hello World

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Blog Stats

  • 4,860 hits
May 2009
M T W T F S S
« Apr    
 123
45678910
11121314151617
18192021222324
25262728293031

%d bloggers like this: