Belajar Me-inputkan gambar menggunakan HTML
BLC Telkom -KPLI Klaten
Bagaimana memasukan gambar pada halaman website? Kali ini saya akan memberikan beberapa contoh gambar pada HTML.
1. Inputkan Gambar
 |
| 1.1 Script |
 |
| 1.2 Hasil Script |
Apa saja yang bisa kita atur saat meng-inputkan gambar pada HTML, agar terlihat menarik dan bagus? Kita dapat mengatur ukurannya pada sintaks :
style="width:304px untuk mengatur lebarnya dan height=228px untuk mengatur tingginya . kita juga dapat mengatur posisi gambar contoh : <center></center>
2. Mengatur Ukuran Gambar
 |
| 2.1 script |
|
 |
| 2.2 Hasil Script |
Mengatur ukuran gambar , Height untuk mengatur tinggi dan width untuk mengatur lebar .
3. Membedakan mengatur Ukuran gambar menggunakan Style dan langsung menggunakan height & width
 |
| 3.1 Script |
|
 |
| 3.2 Hasil Script |
|
Jika menggunakan style ukuran gambar akan teratur .
4.Menampilkan gambar animasi . berformat "GIF"
 |
| 4.1 Script |
|
 |
| 4.2 Hasil script gambar bergerak |
5.Gambar menjadi Link
 |
| 5.1 Script |
|
 |
| 5.2 Hasil script |
|
Jika gambar Di-klik akan menampilkan halaman lain,
6.Gambar mengapung di sebelah kanan dan kiri
 |
| 6.1 Script |
 |
| 6.2 Hasil script |
Gambar berada didaerah paragraf sehingga dikatakan mengapung, teman- teman juga bisa mencobanya menempatkan gambar yang sesuai . perhatikan juga untuk ukurannya .
Terimaksih, itu beberapa contoh yang dapat teman-teman pelajari semoga sedikit menambah pengetahuan.
Wassalamualaikum wr.wb
EmoticonEmoticon