Segala sesuatu yang dilihat oleh peselancar web di halaman situs diberikan untuknya oleh peramban berdasarkan informasi terperinci yang dikirim oleh server web. Informasi ini disebut kode html halaman dan terdiri dari instruksi terpisah - "tag", yang menjelaskan tampilan dan lokasi setiap elemen individual. Untuk menambahkan elemen baru (misalnya, gambar) ke halaman situs, Anda perlu menempatkan instruksi (tag) yang sesuai dalam kode sumbernya.
instruksi
Langkah 1
Tambahkan gambar ke halaman menggunakan editor halaman, jika Anda memiliki kesempatan untuk menggunakan sistem manajemen konten. Pertama-tama muat halaman yang diinginkan ke dalam editor dan pastikan mode pengeditan visual diaktifkan. Kadang-kadang disebut akronim bahasa Inggris WYSIWYG (What You See Is What You Get). Dalam mode visual, halaman terlihat sama seperti di situs. Anda perlu mengklik dengan mouse tempat Anda perlu memasukkan gambar dan tekan tombol "masukkan gambar" pada panel editor.
Langkah 2
Pilih gambar dari daftar yang sudah tersedia di server, yang akan membuka editor visual untuk Anda dalam dialog untuk menyisipkan gambar. Jika Anda belum mengunduhnya, klik tombol pencarian untuk file yang diinginkan di komputer Anda ("Jelajahi"), temukan dan buka, lalu klik tombol "Unggah" (atau "Unduh"). Di akhir proses mengunggah file ke server, gambar akan ditambahkan ke daftar, dan Anda juga dapat memilihnya.
Langkah 3
Tentukan lebar dan warna bingkai di sekitar gambar, warna isian dan jarak antara bingkai dan gambar, teks tooltip pop-up di hover. Tidak ada salahnya untuk menentukan ukuran gambar, meskipun ini, seperti semua pengaturan dalam dialog ini (kecuali untuk memilih gambar), adalah opsional. Setelah mengisi semua bidang dialog yang diperlukan, klik tombol "OK". Ini menyelesaikan prosedur untuk menyisipkan gambar, yang tersisa hanyalah menyimpan halaman yang diedit.
Langkah 4
Jika Anda tidak dapat menggunakan editor halaman dari sistem kontrol atau tidak memiliki mode pengeditan visual, maka Anda perlu membuat dan menambahkan tag HTML yang diperlukan ke kode sumber. Opsi paling sederhana mungkin terlihat seperti ini: Di sini img adalah nama tag, dan browser menggunakannya untuk menyimpulkan bahwa gambar harus ditampilkan di sini. Atribut src berisi alamat dan nama file gambar. Jika file ditempatkan di folder yang sama dengan halaman, maka URL lengkap tidak diperlukan. Anda dapat menambahkan tooltip pop-up saat mengarahkan kursor menggunakan atribut judul, dan lebar batas dapat ditentukan dalam atribut perbatasan: Ganti atribut yang diperlukan dengan nilai Anda dan tempel kode HTML tag yang dihasilkan ke dalam sumber halaman. Ini dapat dilakukan dalam editor teks sederhana dengan mengunduh sumber dari server situs Anda dan kemudian mengunggahnya kembali.
Langkah 5
Unggah file gambar ke situs. Ini dapat dilakukan menggunakan pengelola file dari sistem kontrol atau panel penyedia hosting, atau Anda dapat menggunakan program tetap - klien FTP. Opsi pertama lebih mudah, karena tidak memerlukan instalasi dan penyesuaian program - pengelola file bekerja langsung di browser.
