Pengikut

08 Mei 2007

HTML : Image and Align Atribut

Bagi sebagian penulis blog, mengedit postingan melalui pencantuman kode-kode HTML memang mengurangi kenyamanan. Beruntunglah bagi pengguna Blog*spot dengan adanya 2 pilihan menu editor yakni [Edit HTML] dan [Compose].

Pilihan pertama begitu akrab bagi mereka yang gemar menuliskan secara manual kode-kode HTML maupun CSS di dalamnya. Sedang pilihan [Compose] sangat cocok bagi mereka yang ingin mendapatkan hasil instan dalam pengolahan tulisannya.

Berbeda dengan pengguna Blogsome maupun Wordpress yang minim dukungan editor WYSIWYG (What You See Is What You Get) maka pengetahuan dasar HTML sangat membantu.

Berikut adalah salah satu masalah yang jamak ditemukan penggunanya saat menempatkan gambar dalam postingan. Gambar menjadi materi yang terpisah dengan teks pengapitnya. Seperti contoh berikut :

Nah agar tampilan menjadi lebih baik laiknya tampilan yang biasa kita lihat di surat kabar, dimana materi gambar dan teks menyatu, gunakan kode HTML berikut untuk melengkapi tag img src.

Gambar pertama menyisakan kode berikut di HTMLnya :
<img src="gambarku.jpg" alt="berdekatan" >

Untuk itu lengkapi hingga menjadi berikut dalam editornya :
<img src="gambarku.jpg" alt="berdekatan" hspace="6" vspace="4" align="left">

Cukup tambahkan dengan teks yang tertulis merah. Hspace dan Vspace bisa ditambahkan untuk memberikan ruang yang lebih lega bagi gambar dan teks pengapitnya. Hingga tampilan bisa menjadi berikut :


Add to Technorati Favorites