†kali ini admin akan menjelaskan tentang html dasar untuk tag image .
MENGGUNAKAN IMAGE SEBAGAI BACKGROUND
- · cara menggunakan gambar sebagai latar belakang.
Untuk warna, kita menggunakan
atribut
BGCOLOR="warna",
- · †sedangkan untuk gambar, kita menggunakan
atribut
BACKGROUND="file_gambar". Kedua
atribut ini disisipkan dalam tag
BODY.
- · Ex : <body bgcolor=“aliceaqua”>
- · †Ex: <body background=“bunga.jpg”>
MENGELOLA IMAGE
- · †Untuk menyisipkan gambar ke dalam sebuah
halaman HTML, terlebih dahulu file gambar harus
ada. File gambar ini biasanya berekstensi GIF, JPG
atau BMP. tag <IMG
SRC="file_gambar">.
- · †Ex: <img src=“bunga.jpg”>
- · †Ex: dengan path <IMG SRC=“c:/images/bunga.gif">
MENGELOLA
ATRIBUT‐ATRIBUT IMAGE #1
- · †Atribut yang bisa kita tambahkan ke dalam tag
gambar adalah BORDER. Sesuai
dengan namanya,
atribut ini digunakan untuk
memberi efek bingkai
pada gambar.
- · †Ex: <img src=“bunga.jpg” BORDER=“3”>
MENGELOLA
ATRIBUT‐ATRIBUT IMAGE #2
- · †atribut ALT. Dengan atribut ini kita bisa menyiapkan
teks pengganti gambar bila tidak
bisa ditampilkan.
Dengan adanya atribut ALT ini,
tampilan gambar
dapat digantikan dengan teks yang
kita masukkan di
dalamnya.
- · Ex: <img src=“bunga.jpg” ALT=“ini bunga mawar">
MENGELOLA
ATRIBUT‐ATRIBUT IMAGE #3
- · †atribut ukuran gambar yaitu WIDTH (lebar) dan
HEIGHT (tinggi). Tanpa
menggunakan atribut ini,
browser akan menampilkan gambar
sesuai dengan
ukuran aslinya. Kita bisa
mengatur ukuran tampilan
gambar dalam browser lebih kecil
ataupun lebih
besar dari ukuran aslinya dengan
menggunakan
atribut WIDTH dan HEIGHT
tersebut.
- · †Ex: <img src=“bunga.jpg” width=200 height=200 >
MENGELOLA
ATRIBUT‐ATRIBUT IMAGE #4
- · †ALIGN untuk menetukan posisi atau perataan image
anda ke kiri, kanan atau tengah.
† terdapat 8
opsi atribut align (left,right,top,bottom,
textop,middle,absmiddle,baseline,absbottom)
- · †Ex: <img src=“bunga.jpg” align=“center”>
MENGELOLA
ATRIBUT‐ATRIBUT IMAGE #5
- · †VSPACE dan HSPACE
- · †Ex: <img src=“bunga.jpg” vspace=250 hspace=250>
