Menampilkan Gambar Pada Dokumen HTML

Sebelum membahas mengenai tag-tag untuk menampilkan gambar pada HTML , berikut merupakan jenis-jenis file Ekstensi gambar :



Sebelumnya , untuk dapat menampilkan/ memasukkan file gambar pada dokumen HTML anda , terlebih dahulu teman-teman harus mengcopy file gambar yang ingin teman-teman tampilkan pada folder didalam "htdocs" , untuk lebih jelasnya bisa seperti ini:
 Misalnya anda ingin memasukkan gambar A pada localhost Latihan , copy lah gambar A anda kedalam folder baru yg diberi nama "img" pada folder Latihan didalam folder xampp anda , skema ringkasnya :

xampp --> htdocs -->  Latihan --> img (copy disini)

kemudian pada dreamweaver , pada saat pengetikkan tag <img src=" akan keluar perintah kecil Browse , klik enter saja dan anda klik saja gambar yg sudah anda copy ke folder img tadi , maka hasil dapat terlihat :3


yuk lanjut ~

1. Tag Gambar <img src="">
 Menampilkan gambar pada HTML


2. Tag Background dengan gambar <body background="">
 Membuat tampilan localhost anda dengan background bergambar


3. Tag peletakan gambar 

 
  
 
 4. Tag Alternatif 
 Untuk menampilkan kalimat-kalimat alternatif pengganti gambar apabila browser yang digunakan tidak mendukung penampilan gambar tersebut

5. Tag pengatur ukuran gambar
Bisa dilihat perubahan ukurannya dengan membandingkan dengan gambar pada Tag no.1 diatas



6. Tag mengatur ruang gambar



7. Tag Gambar animasi 




Contoh latihan yang menggunakan tag gambar :


 

Next ,  kita lanjut ke  Penggunaan tabel pada dokumen HTML :3

Post a Comment