Friday, 28 February 2014
Menampilkan gambar HTML
Baca
dulu
Tag yang digunakan untuk menampilkan gambar adalah tag <img> (image). Untuk
lokasi/nama gambarnya kita simpan dalam atribut “src”. Bentuknya seperti
berikut:
<img src=’lokasi/nama gambar.extensi’ >
<img src=’images/gambar.jpg’>
Dalam script diatas maksudnya memasukan gambar dalam halaman
web dengan gambar yang ada pada folder “images” dan nama gambar “gambar.jpg”.
<html>
<head>
<title></title>
</head>
<body>
<img src='images/gambar.jpg'>
</body>
</html>
Atribut images HTML
Mengatur Ukuran Lebar
dan Tinggi
<html>
<head>
<title></title>
</head>
<body>
<img
src='images/gambar.jpg' width='200' height='200'>
</body>
</html>
Menggabungkan gambar dan text
HTML
<html>
<head>
<title></title>
</head>
<body>
<p>
<img
src='images/gambar.jpg' width='40' height='50' align='top'>
align top membuat tulisan berada sejajar dengan bagian
teratas gambar
</p>
<p>
<img
src='images/gambar.jpg' width='40' height='50' align='middle'>
align middle membuat tulisan berada sejajar dengan bagian
tengah gambar
</p>
<p>
<img
src='images/gambar.jpg' width='40' height='50' align='bottom'>
align bottom membuat tulisan berada sejajar dengan bagian
bawah gambar
</p>
<p>
<img
src='images/gambar.jpg' width='40' height='50' align='left'>
align left membuat tulisan berada dibagian sebelah kanan,
selain itu
tulisan
akan berada di bagian atas seperti align top.
</p>
<br/>
<p>
<img
src='images/gambar.jpg' width='40' height='50' align='right'>
align right membuat tulisan berada di bagian sebelah kiri,
selain itu
tulisan
akan berada di bagian atas seperti align top.
</p>
</body>
</html>
Baca Juga
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment