Bayangkan apabila di web anda anda berisi tulisan dan tidak ada gambarnya pasti tidak menarik. Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung. Adanya gambar di web anda akan memperindah tampilan. File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG. Ketika anda memilih suatu gambar harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan menyertakannya ke dalam suatu dokumen. Untuk menysipkan gambar pada dokumen html di sediakan secara khusus yaitu Tag <img>.
Sintaks penulisannya :
<img src=”namagambar” />
Tag <img> mempunyai atribut di antaranya:
Contoh :
<html>
<head>
<title>Contoh Posisi Img</title>
</head>
<body>
Logo
<img src="Gambar.jpg" width="223" height="226" align="bottom" alt="Logo"/>
</body>
</html>
<head>
<title>Contoh Posisi Img</title>
</head>
<body>
Logo
<img src="Gambar.jpg" width="223" height="226" align="bottom" alt="Logo"/>
</body>
</html>
Keterangan :
Tulisan yang berwarna merah anda ganti dengan nama gambar anda sendiri.
Tulisan yang berwarna hijau adalah ukuran lebar dari gambar tersebut.
Tulisan yang berwarna ungu adalah tinggi dari gambar tersebut.
tulisan yang berwarna biru adalah letak posisi gambar tersebut.
0 comments:
Post a Comment