Menambahkan Gambar
Dokumen HTML akan terlihat lebih menarik apabila disisipkan gambar. Format gambar yang dapat ditampilkan : GIF, JPEG, PCX, PNG, WMF, dll. Sedangkan format gambar yang dikenal oleh hampir semua browser adalah GIF dan JPEG. Untuk menambah gambar digunakan tag <img />.
Tag <img /> mempunyai atribut :
Atribut dan Fungsi
src Merujuk kepada URL atau direktori lokasi gambar
align Posisi text disekitar gambar, nilainya adalah top, middle, bottom,
left, right
width Lebar gambar dalam satuan pixel
height Tinggi gambar dalam satuan pixel
alt Menampilkan text pengganti jika gambar tidak tampil
align Posisi text disekitar gambar, nilainya adalah top, middle, bottom,
left, right
width Lebar gambar dalam satuan pixel
height Tinggi gambar dalam satuan pixel
alt Menampilkan text pengganti jika gambar tidak tampil
contoh scrip menampilkan gambar ...
<html>
<head>
<title>Menambahkan Gambar</title>
</head>
<body>
<img src="bubbles.jpg" alt="gambar gelembung" align="middle" />
Gambar ini terdapat pada windows 98 secara default, anda boleh
menggantinya.
</body>
</html>
Menambahkan Link
Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai atribut HREF yang digunakan sebagai link tujuan.
contoh penggunaan link di HTML
<html>
<head>
<title>Menggunakan Link</title>
</head>
<body>
<a href="http://www.yahoo.com">Klik disini</a> untuk menuju situs
Yahoo.com.<br />
Atau dapat juga mengklik gambar ini :
<a href="http://www.yahoo.com">
<img src="bubbles.jpg" alt="gambar gelembung" align="middle" />
</a>
</body>
</html>
Sekian artikel kali ini ....
Tunggu artikel lainnya tentang HTML....
