HTML: Link

26-May-2009

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 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”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<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 :D

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

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Kategori

Archives

Blog Stats

Blogroll

Meta

Pages

 

May 2009
M T W T F S S
« Apr    
 123
45678910
11121314151617
18192021222324
25262728293031