Tidaklah begitu sulit bagi anda meletakkan gambar bila sudah memahami tetang HTML. Dan bagi anda yang belum begitu paham dan belum mengerti. Ikuti cara dan penjelasan di bawah ini :
Contoh :
1.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog">
</image>
</image>
atau bisa juga ditulis
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog"/>
Tag <image> atau bisa juga disingkat <img> digunakan untuk menampilkan gambar. Sedangkan src adalah atribut yang berisi info dimana lokasi gambar itu berada. Sedangkan atribut alt berguna untuk menampilkan tulisan yang keluar apabila browser yang digunakan tidak memperbolehkan tampilnya gambar. Src adalah kependekan dari Source (sumber) dan Alt adalah kependekan dari Alternative (alternatif teks).
2.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog" align="bottom">
</image>
</image>
Code diatas untuk gambar yang berada dibawah tulisan.
Gunakan align="bottom untuk membuat bagian bawah dari gambar rata dengan bagian bawah tulisan, dan gunakan align="middle" untuk membuat gambar berada di tengah-tengah tulisan, namun apabila anda menginginkan bagian atas gambar rata dengan bagian atas tulisan (rata atas) maka anda dapat menggunakan align="top".
Gunakan align="left" dan align="right" untuk membuatnya rata kiri dan rata kanan. Namun apabila anda ingin membuat gambar yang ditengahkan anda harus menambahkan tag <center> dan </center>.
3.
<body background="http://hugetuget.blogspot.com/label/gambar.gif"/>
Anda juga bisa membuat suatu gambar sebagai background dari halaman html kalian. Caranya cukup mudah yaitu pada tag <body> </body> kalian tambahkan atribut background. Lalu isi dengan nama file gambarnya.
4.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog" height="135px" width="85px">
</image>
</image>
Anda dapat meletakkkan gambar pada halaman sesuai selera dengan cara diatas.
height adalah tinggi dari gambar tersebut, sedangkan width adalah lebar gambar tersebut.
Selamat Mencoba
Sekian Tutorial dari saya, Semoga Bermanfaat......
0 komentar:
Posting Komentar