Tutorial image

Tutorial blog kali ini, penulis akan terangkan bagaimana penggunaan image + html didalam blog.Bagaimana cara insert image,letak image kiri dan kanan,image border,alignment dan sebagainya.Gabungan image dan html ini kita namakan HTML Image Tag.

Image tag <img>

Untuk paparkan image diblog, kita gunakan tag "img" dan attribute "src"

contoh kod: <img src="Url image disimpan.jpg">

Hasil :

width dan height

Saiz image boleh diubah dengan menggunakan attributes width(lebar) dan height(tinggi)

contoh: <img src="Url image disimpan.jpg" width=120 height=40>

Hasil :

Alignment

Image boleh dipaparkan samada dikiri,tengah dan kanan dengan menggunakan attribute "alignment"

contoh: <img src="Url image disimpan.jpg" align=left> < <img src="Url image disimpan.jpg" align=right>

Hasil :

Links Image

Image juga boleh digunakan sebagai links dengan menggnakan attribute "href" dan tag "a"

contoh: <a href=" url alamat blog.com"> <img src="Url image disimpan.jpg"> </a>

Hasil :

cuba klik image sebelah

Jika anda ingin linknya dibuka pada halaman muka window yang baru, maka gunakan attribute "target=_blank".

contoh: <a href="url alamat blog.com" target="_blank"> <img src="Url image disimpan.jpg"></a>

Hasil : akan dibuka pada halaman window baru

Moving Image
Image juga boleh digerakkan dengan menggunakan tag "marquee".Lihat tutorial Marquee
contoh: <marquee width=120 height=60> <img src="Url image disimpan.jpg"> </marquee>
Hasil :

Mungkin artikel dibawah yang sedang anda cari