Cara Memperkecil Dan Memperbesar Tampilan Gambar Pada Blog
Biasanya kita memakai gambar untuk memperindah atau mungkin mengambarkan isi dari konten blog kita. Tidak jarang gambar yang sudah kita buat berukuran tidak mengecewakan besar padahal kita ingin biar gambar tersebut sanggup diperkecil biar tidak memakan kawasan dan sesuai dengan artikel kita.
Sebenarnya akomodasi untuk mengatur baik memperkecil dan memperbesar tampilan gambar sudah disediakan dalam tag html img. Kita tinggal mengatur seberapa besar gambar yang ingin kita tayangkan melalui atribut dari tag img. Format /sintaks img tersebut bentuknya sebagai berikut :
<img src=”http://lokasi_dan_namafile” alt=”nama /deskripsi jika file gagal ditampilkan” width=”lebar” height=”tinggi” />
sebagai teladan gambar di bawah ini merupakan gambar orisinil yang belum diubah-ubah.
Sedangkan gambar dibawah ini merupakan gambar yang sama dengan perubahan pada atribut tag img dengan ukuran lebar dan panjangnya hanya 20% dari ukuran sebenarnya
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperkecil gambar pada blog” width=”20%” height=”20%” />
Gambar ini merupakan gambar yang sama dengan perubahan hanya pada lebarnya saja
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperkecil gambar pada blog” width=”600″ height=”110″ />
Sedangkan pada gambar di bawah ini teladan untuk memperbesar tampilan gambar dengan ukuran panjang dan lebar diperbesari menjadi dua kalipat dari ukuran semula.
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperbesar gambar pada blog” width=”480″ height=”220″ />
Semoga bermanfaat.
.
Sebenarnya akomodasi untuk mengatur baik memperkecil dan memperbesar tampilan gambar sudah disediakan dalam tag html img. Kita tinggal mengatur seberapa besar gambar yang ingin kita tayangkan melalui atribut dari tag img. Format /sintaks img tersebut bentuknya sebagai berikut :
<img src=”http://lokasi_dan_namafile” alt=”nama /deskripsi jika file gagal ditampilkan” width=”lebar” height=”tinggi” />
sebagai teladan gambar di bawah ini merupakan gambar orisinil yang belum diubah-ubah.
Sedangkan gambar dibawah ini merupakan gambar yang sama dengan perubahan pada atribut tag img dengan ukuran lebar dan panjangnya hanya 20% dari ukuran sebenarnya
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperkecil gambar pada blog” width=”20%” height=”20%” />
Gambar ini merupakan gambar yang sama dengan perubahan hanya pada lebarnya saja
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperkecil gambar pada blog” width=”600″ height=”110″ />
Sedangkan pada gambar di bawah ini teladan untuk memperbesar tampilan gambar dengan ukuran panjang dan lebar diperbesari menjadi dua kalipat dari ukuran semula.
<img src=”http:///images/youtube.jpg” alt=”contoh cara memperbesar gambar pada blog” width=”480″ height=”220″ />
Semoga bermanfaat.
.
0 Response to "Cara Memperkecil Dan Memperbesar Tampilan Gambar Pada Blog"
Posting Komentar