Jika
sebuah halaman html kurang adanya gambar maka kurang menarik dilihat. Nah pada
kesempatan kali ini saya ingin memberikan pembahasan tentang cara menyisipkan
gambar di html, sebelumnya saya sudah membahas tentang membuat link di html dan
membuat list di html.
Dalam
cara ini langkah pertama sediakan gambar terlebih dahulu, kemudian gambar dan
file berbasis html itu dijadikan satu folder. Bahwa gambar ini bisa saja
berbasis JPEG, PNG, dan GIF. Nah saya contohkan gambar the-red-devils.jpeg
Dibawah ini syntak cara menyisipkan gambar di html. Lalu save di folder yang bersamaan anda menaruh gambar tersebut.
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<me
ta
http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Menyisipkan Gambar di
Html</title>
</head>
<body>
<img
src="the-red-devils.jpg" width="200" height="300">
</body>
</html>
Kalau dijalankan di browser maka tampilannya seperti dibawah ini.
Nb.
1. Tulisan
yang bercetak tebal itu memiliki fungsi masing-masing.
Fungsi
width untuk mengatur lebar gambar
Fungsi
height untuk mengatur tinggi gambar
No comments:
Post a Comment