Cara Memasukkan Gambar Ke Dalam HTML

Daftar Isi:

Cara Memasukkan Gambar Ke Dalam HTML
Cara Memasukkan Gambar Ke Dalam HTML

Video: Cara Memasukkan Gambar Ke Dalam HTML

Video: Cara Memasukkan Gambar Ke Dalam HTML
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, Mungkin
Anonim

Teks pada halaman web jauh lebih mudah dibaca ketika diilustrasikan. HTML menyimpan tag img untuk tujuan ini. Menggunakannya dalam kombinasi dengan tag lain, Anda dapat menjadikan gambar sebagai tautan aktif, termasuk versi yang lebih besar dari gambar yang sama.

Cara memasukkan gambar ke dalam HTML
Cara memasukkan gambar ke dalam HTML

instruksi

Langkah 1

Jika file gambar dan file HTML berada di folder yang sama, gunakan kode HTML berikut untuk menyisipkan gambar: di mana imagename.jpg

Langkah 2

Jika file gambar terletak di server yang sama, tetapi di folder yang berbeda, ubah konstruksi ini sebagai berikut: di mana /folder/anotherfolder/imagename.jpg

Langkah 3

Tempatkan gambar yang disimpan di server lain dengan hati-hati - perlindungan terhadap pencucian dapat diaktifkan di sana, dan kemudian alih-alih gambar yang diinginkan, pengunjung halaman Anda akan melihat peringatan tentang perlindungan tersebut. Jika tidak ada perlindungan seperti itu, dan pemilik server pihak ketiga tidak keberatan memasukkan gambar yang disimpan di sana ke halaman orang lain, gunakan cuplikan kode berikut: di mana https://server.domain/folder/anotherfolder/imagename.jpg

Langkah 4

Agar gambar sekaligus menjadi tautan ke halaman lain, gunakan kode berikut:, di mana teks tautan adalah alamat tautan (lokal atau global).

Langkah 5

Terakhir, agar ketika pengguna mengklik gambar, pengguna dapat melihat salinannya yang diperbesar, ubah fragmen sebelumnya sebagai berikut: di mana imagename-big.jpg

Direkomendasikan: