Jika anda telah memiliki sebuah gambar yang telah di upload, anda dapat menampilkannya dengan mengetikan langsung kode html ke dalam posting anda. Tidak jarang penyisipan gambar ke dalam postingan dilakukan dengan mengetikkan kode html ke dalam postingan daripada menyisipkan atau menampilkan gambar tersebut dalam mode visual. Penyisipan ini kadang lebih baik dan lebih cepat untuk dilakukan terutama jika koneksi internet anda lambat. Adapun Format untuk menyisipkan gambar ke dalam postingan adalah sebagai berikut :
Untuk atribut, yang umum dipakai adalah :
SRC : alamat dari gambar yang akan ditampilkan
ALT : teks yang akan ditampilkan bila gambar tidak dapat ditampilkan
WIDTH : ukuran lebar gambar
HEIGHT : ukuran tinggi gambar
ALIGN : bagaimana bentuk teks di sekitar gambar.
BORDER : ukuran bingkai dari gambar.
HSPACE : jarak horizontal antara gambar dan teks
VSPACE : jarak vertikal antara gambar dan teks
Berikut ini contoh pemakaian kode html untuk IMG.
1. Tampilkan gambar di kanan
| <img src=”http://aimyaya.com/images/maya.jpg” alt=”foto maya” width=”90″ height=”125″ align=”right” HSPACE=”15″ /> |
Hasilnya akan tampak sebagai berikut :
contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.
2. Contoh Gambar yang Gagal Tampil
| <img src=”http://aimyaya.com/images/mayagagal.jpg” alt=”foto maya GAGAL Tampil disini” width=”90″ height=”125″ align=”right” border=”1″ HSPACE=”15″ /> |
Hasilnya akan tampak sebagai berikut :
contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG. contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.contoh paling sederhana dan mudah untuk menampilkan tabel dengan kode tag html IMG.
Biasakanlah untuk memberikan teks ALT untuk memberitahu bila ada gambar yang akan ditampilkan atau mengantisipasi kemungkinan gambar gagal untuk ditampilkan.
.
Makasih triknya.Wah dah jago kode HTML ya.Lam kenal.
kalau pakai kode Html kayak gini bisa gak Thank”s
assalamualaikum…
MANTABBB,,,,,thanks shobat….infonya
,,qu ingin bisa html gimana ya cara tercepatnya??? kasih tau dong…