Menambahkan gambar pada setiap halaman web itu juga penting, dengan ditambahkkannya gambar halaman web bisa lebih cantik dan lebih enak di lihat, gambar bisa dijadikan sebagai backgroud pada halaman web. berikut adalah contoh penggunaan tag IMG
MENAMBAHKAN GAMBAR | ||
Menampilkan Gambar | ||
1 | <body background = "../citra/Caladium.jpg"> | mengatur gambar latar belakang |
2 | <img src = “keladi.jpg”> | Bentuk sederhana dari tag <img> |
3 | <img src = “citra/keladi.jpg”> | Anda juga bisa menulis seperti dikiri |
Mengatur letak Teks Terhadap Gambar | ||
1 | <img src = “keladi.jpg align = “middle”> | Teks diletakkan ditengah-tengah |
2 | <img src = “keladi.jpg align = “top”> | Teks diletakkan dibagian atas |
3 | <img src = “keladi.jpg align = “bottom”> | Teks deletakkan dibagian bawah |
4 | <img src = “keladi.jpg align = “left”> | Gambar diletakkan disebelah kiri |
5 | <img src = “keladi.jpg align = “right”> | Gambar diletakkan dibagian kanan |
Memberi Bingkai Gambar | ||
1 | <img src = “keladi.jpg align = “right” border = “1”> | Memberi bingkai pada gambar |
Menyediakan Teks Alternatif | ||
1 | <img src = “keladi.jpg alt = “(Gambar Keladi)” align = “right”> | Teks alternatif sebagai pengganti gambar |
Mengatur Ukuran Gambar | ||
1 | <img src = “keladi.jpg height = “150” width = “50”> | Mengatur t inggi dan lebar gambar |
Mengatur Ruang Gambar | ||
1 | <img src = “keladi.jpg hspace = “25” align =“left”> | Gambar diatas dan teks dibagian bawah gambar |
2 | <img src = “keladi.jpg vspace = “25” align = “left”> | Gambar disebelah kiri dan teks disebelah kanan gambar |
0 komentar:
Posting Komentar