Assalamu'alaikum Sobat fillah.
Alhamdulillah pada kesempatan yg baik ini ana cuma mau share aja tentang penggunaan tag LINK di HTML. . . .hehe....(ini sumber dari tugas kampus ana :p)...
Sedikit ana jelasin tentang LINK. Emmm...btw LINK itu apa yach?Loh kok malah nanya sendiri katanya mau njelasin...wekwekwek...Udah jangan bercanda donk :D....
Jadi LINK adalah suatu karakter, kata, atau gambar yang memiliki kemampuan untuk terhubung ke suatu alamat tertentu. Paham kan?..Belum..(sabar ya). Lanjut ....Nah tag link yang biasa digunakan adalah tag anchor <a>.......</a>. Terdiri dari atribut href (anchor yang digunakan sebagai link) dan name (digunakan sebagai tujuan dari link).
Sintaks dasarnya :
<!– Link ke dokumen lain --><a href=“komentar.html”>komentar </a>
Nah biar lebih paham tentang LINKcuss langsung ke contohnya...1. Buat folder baru terserah mau disimpan di mana. Misal di drive C:\ 2.Buka notepad3.Ketikkan html berikut : <html>
<head>
<title>STMIK AMIKOM PURWOKERTO</title>
</head>
<body>WELCOME TO
<br>STMIK AMIKOM PURWOKERTO</br>
<br>Silahkan klik <a href="daftar.html"><img src="Blue hills.jpg" width="30" height="30">
</body>
</html>
4.Lalu simpan dengan nama "stmik.html" (tanda petiknya gak ikut loh..hehe) . Jangan lupa disimpannya difolder yang tadi dibuat..n catetan aja biar alamat linknya berupa gambar maka gambar ditempatkan satu folder dengan html yang tadi dibuat.
5.Buka notepadnya lagi terus tuliskan html berikut :
<html>
<head>
<title>SI 10 D</title>
</head>
<body>Daftar Mahasiswa STMIK AMIKOM PURWOKERTO
<br>Kelas : SI 10 D</br>
<table width="100%" border="2" cellpadding="3" cellspacing="0">
<tr bgcolor="green">
<th width="25%">
<div align="center">NIM</div>
</th>
<th width="35%">
<div align="center">NAMA</div>
</th>
<th>
<div align="center">ALAMAT</div>
</th>
<tr>
<td>10.12.1837</td>
<td>Debby Ummul Hidayah</td>
<td>Rabak Rt 1 Rw 5, Kalimanah, Purbalingga</td>
</tr>
<tr>
<td>10.12.1841</td>
<td>Lestari Nurizki</td>
<td>Jatilawang</td>
</tr>
<tr>
<td>10.12.1865</td>
<td>Weni Destrian</td>
<td>Gombong</td>
</tr>
</table>
<br><a href="stmik.html">Kembali</title>
</body>
</html>
Lalu simpan dengan nama "daftar.html" (jangan lupa petiknya dibuang...hehe)
Nah secara otomatis file yang disimpan *.html tadi akan berbentuk menjadi icon IE (Internet Explorer).
6. Lalu coba jalankan html pada browser. Tinggal "double click" aja pada "stmik.html" ....Lalu untuk melihat hasil tag linknya klik pada gambar maka Anda akan diarahkan pada alamat "daftar.html" ,,,
Nah sekarang udah paham kan?..ea lumayan kaka...aamiin ^^
Selamat mencoba, semoga bermanfaat :D
Komentar
Posting Komentar