Tidaklah begitu sulit bagi anda meletakkan gambar bila sudah memahami tetang HTML. Dan bagi anda yang belum begitu paham dan belum mengerti. Ikuti cara dan penjelasan di bawah ini :
Contoh :
1.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog">
</image>
</image>
atau bisa juga ditulis
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog"/>
Tag <image> atau bisa juga disingkat <img> digunakan untuk menampilkan gambar. Sedangkan src adalah atribut yang berisi info dimana lokasi gambar itu berada. Sedangkan atribut alt berguna untuk menampilkan tulisan yang keluar apabila browser yang digunakan tidak memperbolehkan tampilnya gambar. Src adalah kependekan dari Source (sumber) dan Alt adalah kependekan dari Alternative (alternatif teks).
2.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog" align="bottom">
</image>
</image>
Code diatas untuk gambar yang berada dibawah tulisan.
Gunakan 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 anda menginginkan bagian atas gambar rata dengan bagian atas tulisan (rata atas) maka anda dapat menggunakan align="top".
Gunakan align="left" dan align="right" untuk membuatnya rata kiri dan rata kanan. Namun apabila anda ingin membuat gambar yang ditengahkan anda harus menambahkan tag <center> dan </center>.
3.
<body background="http://hugetuget.blogspot.com/label/gambar.gif"/>
Anda juga bisa membuat suatu gambar sebagai background dari halaman html kalian. Caranya cukup mudah yaitu pada tag <body> </body> kalian tambahkan atribut background. Lalu isi dengan nama file gambarnya.
4.
<image src="http://hugetuget.blogspot.com/label/gambar.gif" alt="gambar blog" height="135px" width="85px">
</image>
</image>
Anda dapat meletakkkan gambar pada halaman sesuai selera dengan cara diatas.
height adalah tinggi dari gambar tersebut, sedangkan width adalah lebar gambar tersebut.
Selamat Mencoba
Sekian Tutorial dari saya, Semoga Bermanfaat......
Related Post:
Tips dan Trick
- Bluesreen karena RAM rusak dan ciri-cirinya
- Perbaiki sendiri masalah komputer dengan peringatan "USB Device Over Current Status Detected!!"
- Cara Mudah Flash Xiaomi Redmi 3s / 3x / 3s Prime lewat MiFlash Lengkap
- Cara menyalakan HP Android Samsung Jika Tombol Power Rusak
- Membuat Sendiri Lampu LED 12 volt Untuk Kendaraan Bermotor
- Cara Mengubah Boot Screen (Loading Start UP) di Windows 7 Tanpa Menggunakan Software
- 30 Trik Mudah Photoshop Retouching Tutorial
- Cara Mudah Membuat Powerbank / Charger Portable Menggunakan 4 Buah Baterai AA Rechargeable
- Cara Membersihkan Virus Sality yang Membandel di Komputer Sampai Tuntas
- Cara Instal Net FrameWork 3.5 (include NetFramework 2.0 dan 3.0) Di Window 8 Offline dan Online
- Cara Menambah Minimize Pada Browser NetFront HP Sony Ericsson J108i Cedar
- Cara Menambah Jaringan 3G Only Sony Ericsson J108i Cedar
- Cara Memperbaiki Tombol Remote TV Yang Tidak Berfungsi
- Membuat Sendiri Charger Portable/Powerbank USB Menggunakan Baterai Remote Control 9,6 Volt
- Sekilas Tentang Bikin Home Recording Biaya Murah
- Cara Setting Asio4all agar Latency atau Delay Berkurang
- Mengatasi Masalah Windows Explorer (Not Responding) Ketika di Klik Kanan
- Cara Memperbaiki Tombol Raket Nyamuk yang Rusak atau Bermasalah
- Melihat Orang Berpakaian Menjadi Telanjang dengan Kamera HP / Ponsel
- Cara Download Semua Foto dalam 1 Album Pada Facebook Dengan Sekali Klik
- Cara Install Offline Net Framework 3.5 SP1 di Windows 8
- Cara Memperbaiki Konektor Charger Ponsel Sony Ericsson k510i
- Cara Mendapatkan Pagerank dan Fungsinya
- Ukuran Pas Photo 4R, 3R, 2R, 10R dalam cm, inchi, pixel
- Cara Membuat dan Menampilkan File Hidden Biasa dan Super Hidden pada Windows
Tips Dan Trick Blogger
- Cara Mendapatkan Pagerank dan Fungsinya
- Cara Membuat Widget Recent Post Bergerak Naik Disertai Gambar
- Cara Mengubah Bentuk Tampilan Kursor Mouse Blog
- Cara Menambah Element Tata Letak Widget Footer Multi Kolom
- Membuat Text / Tulisan Selalu Berada Di Bawah Halaman Website (Footer)
- Cara Cek Kualitas Keunikan Kata Kunci Dalam Artikel Blog
- 10 Kiat SEO Menaikkan SERP Google Pinguin
- Mengenal Lebih Dalam Apa itu Algoritma Google Pinguin
- Cara Membuat Read More Otomatis pada Blog dengan Gambar
- Johny Simpleblog, Template Sederhana Loading Tanpa Lama
- Ketahui Kode Warna HTML dengan Kode Warna HTML Generator
- Cara Mendapatkan Hadiah Sitelink Dari Google
- Optimalisasi Alexa dengan Alexa Review
- 5 Teknik SEO Yang Buruk
- Template Blog Asli Remo-XP
- Template Asli Blog Koransoftware dan Dytoshare
- Cara Membuat Blog Menjadi DoFollow
- Cara Membuat Pop Up Otomatis Setelah Area Web/Blog Di Klik
- Cara Menampilkan Gambar / Image Transparan
- Software Pencari Proxy Gratis dan Test Proxy
- Cara Menurunkan Alexa Rank dengan Ultra Alexa 1.0
- 6 Situs Untuk Cek Kecepatan Loading Website
- Cara Membuat Auto Reload-Refresh Page di Blog
- Cara Memasang Tombol Tweet di Tiap Postingan Blog
- Cara Memasang Tombol Like Facebook di Tiap Postingan Blog
0 komentar:
Posting Komentar