Menambahkan Gambar di HTML
Gambar dapat kita tambahkan dengan tag <img> dengan tambahan atribut wajib, yakni src.
Contoh :
Maka output yang dihasilkan adalah
Cara tersebut dapat dilakukan dengan catatan apabila gambar yang akan digunakan berada dalam satu folder yang sama dengan dokumen html disimpan.
Kemudian, bagaimana apabila gambar yang akan digunakan berasal dari internet? Kita dapat menyisipkan link dari gambar tersebut.
Contoh :
Hasilnya...
Format file gambar untuk HTML
Tidak semua format gambar dapat ditampilkan oleh HTML, karena tiap format file mempunyai kegunaan masing masing.
Berikut adalah format yang sering digunakan dalam HTML
sumber : Petani Kode
Atribut untuk Tag
Ada beberapa atribut untuk tag dalam menambahkan gambar di HTML, antara lain :
sumber : Petani Kode
Atribut "alt"
digunakan untuk memberikan teks alternatif saat gambar gagal ditampilkan.
Contoh :
Hasilnya...
Atribut "weigh" dan "height"
Contoh :
Hasilnya...
Atribut "style"
Atribut "style" merupakan atribut yang digunakan untuk menambahkan style CSS pada sebuah elemen. Atribut ini digunakan untuk menambahkan style pada gambar.
Contohnya :
Hasilnya...
Membuat Background Gambar
Agar gambar yang ditampilkan diatur sebagai background, maka digunakanlah style CSS yang mengatur gambar tersebut sebagai background, yaitu "background-image".
Contohnya :
Hasilnya...
Membuat Link pada Gambar
Cara membuat link pada gamabr adalah dengan menggabungkan tag <a> dan tag <img>, dengan syarat tag <a> harus mengapit tag <img>.
Contohnya :
Hasilnya...
~ Terima Kasih ~
Komentar
Posting Komentar