Untuk membuat link ke halaman yang sama maka perintah yg digunakan adalah : <a href=nama file.html>objek</a>. Keadaan ini dinamakan relatif link, karena hanya menunjuk suatu file ke halaman yang sama atau folder yang sama.
misalnya : <a href="http://www.facebook.com/">Yahoo</a>
Contoh :
* Berikut ini adalah situs sederhana :
- Aktifkan NOTEPAD dan ketikkan perintah di bawah ini.
- Simpan dengan nama INDEX.HTML
<html>
<head>
<title>web baru saya</title>
</head>
<body>
<hr>
<div align="center"><body bgcolor="green"><b>
<h2><font color="red"><marquee bgcolor="yellow">SELAMAT DATANG DI KAMPUS HIJAU
STIMIK ICHSAN GORONTALO Jln Raden Saleh Kota Gorontalo</marquee></font></h2>
<hr>
<br>
<font size=4 face="comic sans MS"color="yellow">SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER(STIMIK)</font>
<br>
<font size=6 face="comic sans MS"color="red">ICHSAN GORONTALO</font>
<br>
<font size=3 face="comic sans MS"color="yellow">SK. MENDIKNAS RI. NO. 86/D/O/2000</font></div>
<BR>
<HR>
<BR>
<li><a href=DP.HTML>DASAR PEMIKIRAN</a>
<li><a href=VM.HTML>VISI DAN MISI</a>
<li><a href=JRS.HTML>JURUSAN</a>
<li><a href=SP.HTML>STAF PENGAJAR</a>
<li><a href=IM.HTML>INFORMASI MABA</a>
<li><a href=FP.HTML>FASILITAS PENDUKUNG</a>
</body>
</html>
Tampilannya sebagai berikut :
Kemudian buatlah file untuk list tersebut.
- Aktifkan lagi NOTEPAD dan ketikkan perintah di bawah ini.
- Simpan dengan nama DP.HTML
<html>
<head>
<title>DASAR PEMIKIRAN</title>
</head>
<body>
<body bgcolor="yellow">
<h2><i><u><font color="green"><bgcolor="green">DASAR PEMIKIRAN</font></u></i></h2>
<p><font face="arial">
Dalam Era Globalisasi dan Informasi di Abad 21 kebutuhan akan tenaga-tenaga ahli di Bidang
Komputer sudah semakin besar. Suatu kenyataan bahwa, hanya tenaga yang berkualitas dan Profesional
yang dapat meraih kesempatan masa depan tak terbatas ini.
<blockquote>
<p align="justify">Dalam kaitan itulah Yayasan Pengembangan Ilmu Pengetahuan dan Teknologi Ichsan Gorontalo
melalui Sekolah Tinggi Manajemen Informatika da Komputer (STMIK)ICHSAN GORONTALO siap
membantu mengembangkan potensi anda agar memiliki keunggulan kompetitif yang dicapai melalui penguasaan keterampilan dibidang Teknologi Komputer.
</blockquote>
<br>
<br>
<hr>
<br>
<center><a href=INDEX.HTML>KE HALAMAN UTAMA</a></center>
</body>
</html>
Tampilannya seperti di bawah ini.
* Secara Otomatis jika kita mengklik DASAR PEMIKIRAN yang berada di file INDEX langsung mengarahkan kita ke informasi berikutnya.
Dan seterusnya bisa anda kembangkan sendiri.
Selamat mencoba. . . . .!!!
Tidak ada komentar:
Posting Komentar