Hello guys, apakabar?, Dia aman?:v
Lalu apakabar dengan dia yang bilangnya males pacaran, ehh besoknya jadian Ama seseorang:v
Dah lah, kita langsung aja ke tutornya :
Setelah kemarin kita memahami apa itu list yang sudah kita bahas sebelumnya disini.
Sekarang kita berada di part 6, cara menampilkan gambar di html.
Gambar dalam suatu website sangatlah penting dalam hal membuat daya tarik. Umumnya website dilengkapi dengan gambar gambar untuk membuat orang tertarik agar melihat dan membaca isi yang ada dalam halaman websitenya.
Adapun untuk menampilkan gambar dalam html harus menggunakan link, nah untuk mendapatkan link kita harus upload dulu gambarnya, salah satunya di top4top, klik disini.
Caranya, kita buka dulu top4top nya, lalu scroll ke bawah, lalu pilih file, setelah itu pilih gambar yang mau di upload dan tekan unggah berkas. Setelah itu kita pilih link yang ber .jpg atau .png.
Adapun tag yang digunakan untuk menampilkan suatu gambar adalah <img src="link_gambar">.
1. Menampilkan gambar
Contoh :
<img src="https://k.top4top.io/p_1772385ky0.jpg">
Hasil :
2. Text alternatif untuk gambar
Atribut alt pada tag <img> menyediakan tempat untuk menampilkan text pengganti gambar keterangan alternatif akan muncul jika kita menaruh mouse pointer diatas gambar agak lama atau ketika file gambar tidak tersedia atau rusak.
Contoh :
<img src="https://k.top4top.io/p_1772385ky0.jpg" alt="belajar html">
Hasil :
3. Image Border / border gambar
Memberikan Border atau bingkai pada gambar
Contoh :
<img src="https://k.top4top.io/p_1772385ky0.jpg" Border="3">
Hasil :
4. Image alignment
Mengatur gambar rata kiri ( left ), tengah ( center ), dan kanan ( right ).
Contoh :
<img src="https://k.top4top.io/p_1772385ky0.jpg" align="right">
Hasil :
Hemm, sejauh ini bisa dimengerti, Mimin harap begitu:v.
Oke lah mungkin sekian dulu penjelasan seputar img dan cara menampilkan gambar di halaman website. Lebih dan kurangnya mohon dimaafkan. Terimakasih dan selamat belajar.
0 komentar: