Selasa, 23 Oktober 2012

Belajar HTML

All about picture
Pelajaran berikutnya adalah “gambar dalam webpage”.Yang perlu diingat adalah, gambar
yang ingin anda masukkan ke dalam webpage anda, sebaiknya berada di dalam folder
yang sama dengan webpage anda berada.Atau terdapat folder khusus untuk menyimpan
gambar, itu bisa menjadi lebih baik, untuk jelasnya dapat dilihat digambar.Perlu
diperhatikan juga, tipe gambar yang efektif untuk di dalam web adalah tipe GIF.Karena
gambar berekstensi GIF akan menghemat ukuran, juga ekstensi GIF dapat memberikan
gambar yang lebih menarik karena biasanya dapat bergerak.




Bila sudah jelas tentang penyimpanan gambar, sekarang kita beralih ke cara memasukkan
gambar ke dalam webpage.
Tag yang akan digunakan adalah <img src=“url gambarnya”>
Disini url gambar anda bisa berbagai macam, bila anda menyimpan gambar didalam
folder “picture”, urlnya dapa seperti ini “picture\gambar.gif”.Bila anda menyimpannya
bersama dengan webpage anda, berarti anda tinggal memasukkan nama gambar beserta
estensinya saja “gambar.gif”.
Sekarang coba masukkan tag ini :
Ini ada gambar<img src=”url gambar”> baguskan gambarnya
Maka hasilnya jadi seperti ini kan, gambar satu baris dengan teks.
Ini ada gambar<img align=top src=”url gambar”> baguskan
gambarnya
Kalau yang ini jadi seperti ini.
Ini ada gambar<img align=middle src=”url gambar”> baguskan
gambarnya
Yang ini jadi ada ditengah tengahnya
Ini ada gambar<img align=bottom src=”url gambar”> baguskan
gambarnya
Kalau yang ini defaultnya, sama seperti sebelumnya.
Nah, sekarang gambarnya bila dikasih keterangan lo! Seperti yang dibawah ini:




Gampang kok! Pakai tag yang ini alt=”tulis komentarnya”, tag ini ditambahin setelah
tag <img .. jadi tag nya seperti ini <img alt=”apa aja” align=middle
src=”gambar.gif”>

Tidak ada komentar:

Posting Komentar