Gambar meramaikan situs, menarik minat pengunjung, menjadikan sumber daya cerah dan mudah diingat. Tanpa foto dan gambar, situs apa pun, bahkan dengan teks yang sangat menarik dan berharga, akan tampak membosankan dan tidak lengkap. Prosedur sederhana untuk memasukkan gambar ke dalam situs akan memungkinkan sumber daya Anda menjadi lebih berwarna dan memperoleh pengunjung reguler baru.
Itu perlu
- - situs sendiri
- - gambar untuk ditempatkan di situs
- - tahu apa itu kode HTML
instruksi
Langkah 1
Untuk membuat gambar di situs, unggah gambar ke penyimpanan file situs. File dapat diunggah ke situs menggunakan "manajer file" atau melalui ftp. Untuk petunjuk khusus tentang mengunggah file, hubungi penyedia hosting Anda (siapa pun yang menghosting situs Anda).
Langkah 2
Setelah mengunduh gambar, cari tahu tautannya. Tautan ke gambar Anda akan terlihat seperti ini: http: website / img1.jpg. Jika Anda menemukan gambar di Internet dan mengetahui tautannya, tentu saja Anda dapat menggunakan tautan tersebut; tetapi lebih baik menyimpan gambar ini dan mengunggahnya ke situs Anda melalui "pengelola file", karena ketika Anda menghapus gambar dari situs lain, gambar itu juga tidak akan ditampilkan di sumber daya Anda.
Langkah 3
Saat Anda mendapatkan tautan ke gambar yang Anda inginkan, tempelkan di antara tanda kutip di kode HTML berikut:. Anda harus mendapatkan konstruksi berikut:. Alih-alih "http: website / img1.jpg" seharusnya ada tautan ke gambar Anda. Entri ini harus ditempatkan di tempat yang benar dalam kode HTML situs Anda.
Langkah 4
Jika gambar di situs perlu disesuaikan ukurannya, maka dalam kode HTML, tentukan lebar dan tinggi gambar yang diinginkan. Catatan tampilan menunjukkan lebar gambar dalam piksel, dan catatan menunjukkan tinggi gambar dalam piksel, di mana angka dalam tanda kutip adalah jumlah piksel. Kode umum gambar dengan dimensi yang ditentukan terlihat seperti ini:. Ganti angka dalam kode dengan lebar dan tinggi gambar yang diinginkan.
Langkah 5
Tidak berlebihan untuk menunjukkan nama gambar sehingga saat melihat situs dalam mode tanpa gambar, pengunjung dapat memahami gambar apa yang ada di situs. Untuk menambahkan judul, masukkan entri berikut ke dalam kode output gambar: alt="Judul". Alih-alih kata "Judul", tulis nama gambar Anda. Akibatnya, gambar di situs akan memiliki kode HTML berikut:.
