Link
HTML
menggunakan tag <a> tag Anchor untuk membuat link
Sintaknya:
<a
href=“Source”> Teks Tampilan</a>
Jenis
Link:
- Link Relatif
- Link Absolut
- Link dalam satu dokumen
Link Relatif
Link
dalam page ke page yang lain dalam satu komputer
Contoh:
<a
href=“Jaring2.html”>Berikut</a>
<a
href=“/jaringan/Jaring2.html”> Berikut</a>
Link Absolut
Membuat
link web page ke web site lain di Internet.
Contoh:
<a
href=“http://www.facebook.com”> Facebook</A>
Link ke Bagian lain dalam Dokumen
Link
jenis ini dibuat apabila dokumen html cukup panjang
Link
ini berpasangan dengan tag
<A
HREF="#yang_baru">Yang Baru Hari Ini</A>
<A
NAME="yang_baru"></A>
<B><U>Yang Baru
Hari Ini:</U></B>
Baca artikel sebelumnya PRAKTIK 11 LIST UL HTML
Terlebih dahulu, buatlah folder untuk latihan
dokumen HTML berikut ini dengan nama Link
Buatlah sebuah dokumen HTML untuk tulisan berikut
ini, buka Notepad++. Simpan dengan nama Latihan1.html
<html>
<head>
<title>Latihan1</title>
</head>
<body bgcolor="red">
<p>Latihan Satu</p>
<body>
</html>
Buatlah sebuah dokumen HTML untuk tulisan berikut
ini, Simpan dengan nama Latihan2.html
<html>
<head>
<title>Latihan2</title>
</head>
<body
bgcolor="blue">
<p>Latihan
Dua</p>
<body>
</html>
Buatlah sebuah dokumen HTML untuk tulisan berikut
ini, Simpan dengan nama Latihan3.html
<html>
<head>
<title>Latihan3</title>
</head>
<body bgcolor="yellow">
<p>Latihan Tiga</p>
<body>
</html>
Kemudian buatlah sebuah dokumen HTML untuk tulisan berikut ini, Simpan dengan nama Link_Menu.html
<html>
<head>
<title>Latihan Link</title>
</head>
<body link="red">
Selamat Belajar :
<UL Type="A">
<LI> <a
href="Latihan1.html">Latihan 1</a></LI>
<LI> <a
href="Latihan2.html">Latihan 2</a></LI>
<LI> <a
href="Latihan3.html">Latihan 3</a></LI>
</UL>
<body>
</html>
Buka Link_Menu.html maka tampilannya akan seperti ini
Klik Latihan 1 maka bakcground akan berubah menjadi warna MERAH
Klik Latihan 2 maka bakcground akan berubah menjadi warna BIRU
Klik Latihan 3 maka bakcground akan berubah menjadi warna KUNING
Download Filenya dilink dibawah ini
Baca artikel selanjutnya PRAKTIK 13 JENIS LINK HTML
No comments:
Post a Comment