Merapikan Gambar untuk Keindahan Web dgn Bahasa HTML
Seringkali kita menempatkan foto / gambar ketika kita membuat web / blog dengan menggunakan bahasa HTML. Hal ini sangat penting untuk menambah dayatarik blog / web kamu. Mungkin saja kamu menggunakan Microsoft FrontPage ataupun Microsost Expression, atau barangkali menggunakan Publisher serta DreamWeaver. Mungkin juga kamu langsung melakukan uploading, dan editing langsung dari blog kamu.
Apapun interface program atau aplikasi yang kamu pakai, tentunya kamu tidak ingin blog / website kamu terlihat semeraut meskipun
sudah ditambahkan gambar / foto yang menarik dan khas tsb. Oleh krn itu, saya berikan kamu beberapa potong kode HTML untuk membuat blog / web kamu tampak semakin menarik dan sering dikunjungi.
Berikut ini tutorial menambahkan keindahan blog dengan gambar yang rapi.
<img src=”http://linksumbergambar.com/filegambar.jpg” align=”left” style=”padding:10px” />
Tutorial diatas ini menempatkan gambar kita dengan perataan ke kiri (align:left), Kalau kamu mau menempatkan
gambar di sebelah kanan tulisan artikel, kamu bisa menggunakan align=”right”.
Lalu untuk apa padding itu digunakan ? Saya menggunakan style padding sebanyak 10 pixel adalah untuk memberikan ruang lebih alias ruang kosong sebesar 10 pixel supaya di sekitar radius 10 pixel, terdapat spasi kosong yang tidak bisa diganggu gugat oleh apapun. Kamu bisa mengubahnya dengan jumlah pixel yang kamu sukai. Coba saja sendiri dulu, save ke file .html, lalu jalankan di komputer lokal kita, baru jika benar-benar jalan, kamu bisa mengupload ke server ataupun langsung mengeksekusinya di blog kita.
Baca juga:
