Cara Meletakkan Gambar Di Laman Web

Isi kandungan:

Cara Meletakkan Gambar Di Laman Web
Cara Meletakkan Gambar Di Laman Web

Video: Cara Meletakkan Gambar Di Laman Web

Video: Cara Meletakkan Gambar Di Laman Web
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, April
Anonim

Segala sesuatu yang dilihat oleh pelayar web di halaman laman web diberikan oleh penyemak imbas berdasarkan maklumat terperinci yang dihantar oleh pelayan web. Maklumat ini disebut kod html halaman dan terdiri daripada arahan berasingan - "tag", yang menggambarkan penampilan dan lokasi setiap elemen individu. Untuk menambahkan elemen baru (misalnya, gambar) ke halaman laman web, anda perlu meletakkan arahan (tag) yang sesuai dalam kod sumbernya.

Cara meletakkan gambar di laman web
Cara meletakkan gambar di laman web

Arahan

Langkah 1

Tambahkan gambar ke halaman menggunakan editor halaman, jika Anda berpeluang menggunakan sistem pengurusan kandungan. Mula-mula memuatkan halaman yang dikehendaki ke editor dan pastikan mod penyuntingan visual diaktifkan. Kadang-kadang disebut akronim bahasa Inggeris WYSIWYG (Apa yang Anda Lihat Adalah Apa yang Anda Dapatkan). Dalam mod visual, halaman kelihatan sama seperti di laman web. Anda perlu mengklik dengan tetikus di tempat di mana anda perlu memasukkan gambar dan tekan butang "masukkan gambar" pada panel editor.

Langkah 2

Pilih gambar dari senarai yang sudah ada di pelayan, yang akan membuka editor visual untuk anda dalam dialog untuk memasukkan gambar. Sekiranya anda belum memuat turunnya, klik butang carian untuk fail yang diingini di komputer anda ("Browse"), cari dan buka, dan kemudian klik butang "Muat naik" (atau "Muat turun"). Pada akhir proses memuat naik fail ke pelayan, gambar akan ditambahkan ke senarai, dan anda juga boleh memilihnya.

Langkah 3

Tentukan lebar dan warna bingkai di sekitar gambar, warna isian dan jarak antara bingkai dan gambar, teks keterangan alat pop timbul di hover. Tidak ada salahnya untuk menentukan ukuran gambar, walaupun ini, seperti semua tetapan dalam dialog ini (kecuali memilih gambar), adalah pilihan. Setelah mengisi semua medan dialog yang diperlukan, klik butang "OK". Ini menyelesaikan prosedur memasukkan gambar, yang tinggal hanyalah menyimpan halaman yang diedit.

Langkah 4

Sekiranya anda tidak dapat menggunakan penyunting halaman sistem kontrol atau tidak memiliki mod pengeditan visual, maka anda perlu menyusun dan menambahkan tag HTML yang diperlukan ke kod sumber. Pilihan termudah mungkin kelihatan seperti ini: Berikut adalah nama tag, dan penyemak imbas menggunakannya untuk menyimpulkan bahawa gambar harus dipaparkan di sini. Atribut src mengandungi alamat dan nama fail gambar. Sekiranya fail diletakkan di folder yang sama dengan halaman, maka URL penuh tidak diperlukan. Anda boleh menambahkan keterangan alat pop timbul di arahkan menggunakan atribut judul, dan lebar sempadan dapat ditentukan dalam atribut sempadan: Ganti atribut yang diperlukan dengan nilai Anda dan tampal kod HTML yang dihasilkan dari tag ke sumber halaman. Ini dapat dilakukan dalam penyunting teks sederhana dengan memuat turun sumber dari pelayan laman web anda dan kemudian memuat naiknya kembali.

Langkah 5

Muat naik fail gambar ke laman web. Ini dapat dilakukan dengan menggunakan pengurus fail sistem kawalan atau panel penyedia hosting, atau anda dapat menggunakan program pemastautin - klien FTP. Pilihan pertama lebih mudah, kerana ia tidak memerlukan pemasangan dan penyesuaian program - pengurus fail berfungsi secara langsung di penyemak imbas.

Disyorkan: