Hypertext Link
Digunakan untuk membuat link/penghubung
antara suatu halaman dengan halaman lain, ke URL lain, juga digunakan dalam
satu halaman untuk berpindah ke sub judul yang lain atau ke lokasi tertentu
dalam satu halaman yang sama.
Sintak tag link adalah sebagai berikut:
<a href=url_tujuan>nama_link</a>
url_tujuan bernilai lokasi atau nama file yang akan
dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai
teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat
diatur dalam tag <body>. Adapun macam-macam link adalah sebagai
berikut:
Link
ke Dokumen Lain
Untuk
membuat link/penghubung dengan target ke dokumen/halaman yang berbeda, anda
harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu,
baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.
Untuk mencoba membuat link, silahkan buat script berikut dan beri nama dengan Test_Link.html.
<html>
<head>
<title>Hypertext Link</title>
</head>
<body
bgcolor=#ffffd0>
<font
face=arial size=7 color=tahoma>
<b><center>SMKN 1 DEPOK<br>
<div
style="text-align:center;"><img src="1dpk.jpg" alt="Logo SMKN1 DEPOK" width="100"
height="100"></div>
<font
face=arial size=1 color=tahoma>
<hr
size=2 width=100 align=left color=blue>
| <a
href=Test_Link.html>H o m e</a>
| <a
href=link2.html>Program Keahlian</a>
| <a href=link3.html>Ekstra Kurikuler</a> |
<hr><p><font
face=verdana size=4 color=Blue>
Ravy Octhavy Yansen
</body>
</html>
Lalu buat link2 untuk Program Keahlian:
<html>
<head>
<title>Hypertext Link</title>
</head>
<body
bgcolor=#ffffd0>
<font
face=arial size=7 color=tahoma>
<b><center>SMKN 1 DEPOK<br>
<div
style="text-align:center;"><img src="1dpk.jpg" alt="Logo SMKN1 DEPOK" width="100"
height="100"></div>
<font
face=arial size=1 color=tahoma>
<hr
size=2 width=100 align=left color=blue>
| <a
href=Test_Link.html>H o m e</a>
| <a
href=link2.html>Program Keahlian</a>
| <a href=link3.html>Ekstra Kurikuler</a> |
<hr><p><font
face=verdana size=4 color=brown>
Program Keahlian<br>
<font size=1>
<ul type=circle><li>Rekayasa Perangkat
Lunak
<li>Teknik Kendaraan Ringan
<li>Teknik Sepeda Motor
<li>Takomondasi Perhotelan
<li>Akutansi
<li>Multimedia </ul>
</body>
</html>
Lalu buat link3.html untuk Ekstra Kurikuler
<html>
<head>
<title>Hypertext Link</title>
</head>
<body
bgcolor=#ffffd0>
<font
face=arial size=7 color=tahoma>
<b><center>SMKN 1 DEPOK<br>
<div
style="text-align:center;"><img src="1dpk.jpg" alt="Logo SMKN1 DEPOK" width="100"
height="100"></div>
<font
face=arial size=1 color=tahoma>
<hr
size=2 width=100 align=left color=blue>
| <a
href=Test_Link.html>H o m e</a>
| <a
href=link2.html>Program Keahlian</a>
| <a href=link3.html>Ekstra Kurikuler</a> |
<hr><p><font
face=verdana size=4 color=brown>
Program Keahlian<br>
<font
size=1>
<ul
type=circle>
<li>sepakBola
<li>Basket
<li>PMR
<li>Bahasa
Jepang
</ul>
</body>
</html>
Berikut Tampilan Program Diatas :
0 komentar:
Posting Komentar