Tampilkan postingan dengan label gambar. Tampilkan semua postingan
Tampilkan postingan dengan label gambar. Tampilkan semua postingan
Minggu, 13 April 2014
3 Cara Meletakan Gambar Pada Bahasa HTML
Gambar merupakan suatu elemen penting dalam sebuah halaman HTML untuk meningkatkan cita rasa sebuah website atau blog selain dari fungsionalitasnya. Penggunaan gambar pada halaman HTML bisa berupa ilustrasi di dalam tulisan/posting, foto, sponsor dll. Nah kali ini saya akan membahasa Cara Meletakan Gambar Pada Bahasa Pemrograman HTML, cara yang paling mudah untuk meletakan gambar biasanya menggunakan kode tag <img> ini merupakan modal awal untuk meletakan gambar pada pengaplikasian HTML begini strukturnya :
<img src="alamat-url-gambar.jpg" alt="Nama/Judul Gambar" />
tag <img> adalah tag yang unik saya rasa, karena kode tersebut tidak menjepit dengan kodenya melainkan menjepit dirinya sendiri coba kalian perhatikan pada kode terakhir dia menjepit dirinya sendiri dengan kode /> adalagi pengguna src dan alt apa fungsinya? penggunaan atribut src atau kependekan dari Source bertujuan untuk mengetahui alamat url sumber dari gambar itu sendiri. Sedangkan atribut alt atau kependekan dari alternatif teks berguna untuk meletakan tulisan/keterangan jika browser yang digunakan tidak mendukung penampilan menggunakan gambar.
ohya penempatan gambar bisa kalian modifikasi sendiri sesuai selera kalian dengan penambahan atribut align. Coba kalian perhatikan kode dibawah ini :
Text Dibawah :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="bottom" />
Text Ditengah - tengah :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="middle" />
Text Diatas :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="top" />
Penggunaan align="bottom untuk membuat bagian bawah dari gambar rata dengan bagian bawah tulisan, dan gunakan align="middle" untuk membuat gambar berada di tengah-tengah tulisan, namun apabila kalian menginginkan bagian atas gambar rata dengan bagian atas tulisan (rata atas) maka kalian dapat menggunakan align="top".
Jika kalian ingin meletakan pada bagian kanan atau kiri? kalian bisa merubah atribut align="left" dan align="right" ohya untuk posisi ditengah atau align=center perlu modifikasi yang berbeda dengan penambahan tag <center>.
Kiri
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="left" />
Kanan
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="right" />
Tengah
<center>
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" />
</center>
Kalian juga dapat menambahkan backgroound halaman dengan gambar dengan cara meletakan pada tab <body> kemudian tambahkan dengan atribut background.
<body background="namagambarkalian.gif">
Supaya terlihat rapi gunakan gambar berukuran 800 X 600 piksel. atau kalian bisa menambahkan sesuai dengan ukuran halaman kalian. Itulah cara meletakan gambar pada pengaplikasian bahasa HTML,
Semoga Bermanfaat.
<img src="alamat-url-gambar.jpg" alt="Nama/Judul Gambar" />
tag <img> adalah tag yang unik saya rasa, karena kode tersebut tidak menjepit dengan kodenya melainkan menjepit dirinya sendiri coba kalian perhatikan pada kode terakhir dia menjepit dirinya sendiri dengan kode /> adalagi pengguna src dan alt apa fungsinya? penggunaan atribut src atau kependekan dari Source bertujuan untuk mengetahui alamat url sumber dari gambar itu sendiri. Sedangkan atribut alt atau kependekan dari alternatif teks berguna untuk meletakan tulisan/keterangan jika browser yang digunakan tidak mendukung penampilan menggunakan gambar.
ohya penempatan gambar bisa kalian modifikasi sendiri sesuai selera kalian dengan penambahan atribut align. Coba kalian perhatikan kode dibawah ini :
Text Dibawah :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="bottom" />
Text Ditengah - tengah :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="middle" />
Text Diatas :
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="top" />
Penggunaan align="bottom untuk membuat bagian bawah dari gambar rata dengan bagian bawah tulisan, dan gunakan align="middle" untuk membuat gambar berada di tengah-tengah tulisan, namun apabila kalian menginginkan bagian atas gambar rata dengan bagian atas tulisan (rata atas) maka kalian dapat menggunakan align="top".
Jika kalian ingin meletakan pada bagian kanan atau kiri? kalian bisa merubah atribut align="left" dan align="right" ohya untuk posisi ditengah atau align=center perlu modifikasi yang berbeda dengan penambahan tag <center>.
Kiri
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="left" />
Kanan
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" alt=" Nama/Judul Gambar" align="right" />
Tengah
<center>
<img src="http://planetdiponk.blogspot.com/ujicoba/gambar.jpg" />
</center>
Kalian juga dapat menambahkan backgroound halaman dengan gambar dengan cara meletakan pada tab <body> kemudian tambahkan dengan atribut background.
<body background="namagambarkalian.gif">
Supaya terlihat rapi gunakan gambar berukuran 800 X 600 piksel. atau kalian bisa menambahkan sesuai dengan ukuran halaman kalian. Itulah cara meletakan gambar pada pengaplikasian bahasa HTML,
Semoga Bermanfaat.
Minggu, 16 Maret 2014
Koleksi Gambar Terbaik Dari Facebook
Gua tak payah tulis apa-apa.... Gambar menjelaskan segalanya. Layannnn!
sumber-buletinsetiapolitikkini
layan bro! Sambil tu fikir-fikirkan.
adios
Senin, 16 Desember 2013
Kecoh Lelaki Miang Merakam Gambar Belahan Payu Dara Besar Seorang Model
Seperti lelaki berbaju T-shirt kuning satu ini, seperti dilansir China Car Times, menjadi paling heboh di blog-blog dan forum internet minggu ini.
Lelaki tersebut memanfaatkan situasi,iaitu mengambil gambar bahagian tubuh SPG cantik mulus seksi yang terbuka. Kejadian itu terjadi pameran automotif Wuhan Auto Show, China yang berlangsung minggu lalu.
Untuk mendapatkan sebuah gambar foto SPG cantik mulus seksi, ia menggunakan handphonenya. Selang beberapa saat kemudian, sang model pun baru menyedari jika seseorang ingin berbuat nakal padanya.
Si model yang risih dengan aksi lelaki ini langsung menegurnya dan lelaki tersebut langsung pergi mengambil gambar untuk koleksinya sendiri.?
Langganan:
Postingan (Atom)