Session 6: Links dan gambar (Images)
Link Anchor...
Tanpa link, World Wide Web tidak akan jadi web sama sekali! untuk menambahkan link... anda akan menambahkan tag <a href="lokasi"> tag pembuka dan </a> tag penutup. Apapun akan tampil dengan tambahan garis bawah dan warna, dan jika anda klik yang bergaris bawah itu akan mengirim browser ke lokasi diantara tanda kutip.
Contoh link...
Kunjungi Produsen jaket kulit asli garut!
Kunjungi <a href="http://www.jskulit.com/">Produsen jaket kulit asli garut</a>!
Catatan: Meskipun link biasanya digunakan untuk mengirim seseorang ke web yang lain, anda juga dapat menggunakannya untuk mengirim email ke alamat tertentu dengan menggunakan lokasi mailto:user@host.
Contoh Mailto: Link...
Kirim email ke Siganteng kalem!
Kirim email ke <a href="mailto:hero.sipatis@yahoo.com">Siganteng kalem</a>!
Link dengan gambar...
Anda juga boleh menggunakan gambar (pictures) pada halaman web anda, sepanjang gambar file format .gif atau .jpg (atau .jpeg). Anda tidak dapat menggunakan format file .bmp tag standar link dengan gambar adalah <img src="lokasi">. Juga dianjurkan untuk menambahkan atribut HEIGHT dan WIDTH ke tag IMG, yang akan mengatur ukuran gambar yang pantas. Juga dianjurkan untuk menggunakan ALT="Sebutan lain dari gambar" untuk pengganti dikala gambar belum tampil. (tag IMG tidak mempunyai tag penutup!)
Contoh standar link gambar...
<img src="ie.gif"ALT="Masuk Internet Explorer Sekarang">
Kombinasi link dan gambar...
Sering kali anda akan ingin membuat link dengan gambar, jadi apabila seseorang klik pada gambar, itu akan membawa pada alamat web lain.
Ini lebih sederhana- anda hanya perlu menempatkan tag IMG diantara tag A HREF.
(<a href="Lokasi link"><img src="Lokasi gambar"></a>)
anda juga boleh menggunakan tag ALIGN dengan gambar!
Saat gambar termasuk link, defaultnya mempunyai border (garis tepi). Anda dapat mengatur lebar gambar - atau lainnya - dengan menggunakan tag border=n diantara tag img. n adalah lebar border (n = 0 untuk tana border).
Contoh link gambar...
<a href="http://www.microsoft.com/"><img src="ie.gif" align=right border=0></a>
Halaman HTML anda...
Klik kanan pada gambar ditengah garis hitam bok gambar, dan pilih "Save Image As" / "Save Picture As", atau semacamnya. Simpan dengan nama "bullet.gif" pada direktory yang sama anda menyimpan home page "Home.htm".
Tambahkan kode dibawah ini pada halaman home page anda ("Home.htm"): (teks warna biru yang akan ditambahkan)
<html>
<head><title>Home pageku</title></head>
<body background="bgnd.gif">
<center><font color="Blue"><h1>nama home page anda</h1></font></center>
<hr>
ini adalah home page <a href="mailto:alamat email anda"><img src="bullet.gif" border=0><b>nama anda</b>.<img src="bullet.gif" border=0></a>
<p>Ketikan tentang anda disini. Tentang siapa anda dan apa pekerjaan anda. Ingat, gunakan juga teks tebal dan teks miring, Supaya lebih jelas.</p>
</body>
</html>
Simpan file dengan nama "Home.htm".
Session 7
0 komentar:
Posting Komentar