Menambah Imej ke Laman Web Anda

Mendapatkan Imej untuk Paparan dengan Betul

Mana-mana imej yang anda mahu hubungkan di HTML laman web anda harus dimuat naik terlebih dahulu ke tempat yang sama yang anda hantarkan HTML untuk laman web, sama ada tapak dihoskan pada pelayan web yang anda jangkau oleh FTP atau anda menggunakan perkhidmatan hosting web. Jika anda menggunakan perkhidmatan web hosting, anda mungkin menggunakan borang muat naik yang disediakan oleh perkhidmatan tersebut. Bentuk-bentuk ini biasanya di bahagian pentadbiran akaun hosting anda.

Memuat naik imej anda ke perkhidmatan hosting hanyalah langkah pertama. Kemudian anda perlu menambah teg dalam HTML untuk mengenalinya.

Memuat naik Imej ke Direktori Sama seperti HTML

Foto anda mungkin terletak di direktori yang sama dengan HTML. Jika itu berlaku:

1. Muat naik imej ke akar laman web anda.
2. Tambah tag imej dalam HTML anda untuk menunjuk pada imej.
3. Muat naik fail HTML ke akar laman web anda.
4. Uji fail tersebut dengan membuka halaman dalam pelayar web anda.

Tag imej mengambil format berikut:

Dengan mengandaikan anda memuat naik gambar bulan dengan nama "lunar.jpg," teg gambar mengambil bentuk berikut:

Ketinggian dan lebar adalah pilihan tetapi disyorkan. Ambil perhatian bahawa teg imej tidak memerlukan tag tutup.

Sekiranya anda menyambungkan imej ke dalam dokumen lain, gunakan tag anjung dan sarang tag imej di dalamnya.

Memuat naik Imej dalam Subdirektori

Ia lebih biasa untuk menyimpan imej dalam sub-direktori, biasanya dipanggil Imej . Untuk menunjuk kepada imej dalam direktori itu, anda perlu tahu di mana ia berkaitan dengan akar laman web anda.

Akar tapak web anda ialah URL, tanpa sebarang direktori pada akhir, memaparkan. Contohnya, untuk laman web bernama "MyWebpage.com," akar mengikuti borang ini: http://MyWebpage.com/. Perhatikan slit pada akhir. Ini adalah bagaimana akar direktori biasanya ditunjukkan. Subdirektori termasuk slash untuk menunjukkan di mana mereka duduk dalam struktur direktori. Laman contoh MyWebpage mungkin mempunyai struktur:

http://MyWebpage.com/ - direktori root http://MyWebpage.com/products/ - direktori produk http://MyWebpage.com/products/documentation/ - direktori dokumentasi di bawah direktori produk http: // MyWebpage.com/images/ - direktori imej

Dalam kes ini, apabila anda menunjuk pada imej anda dalam direktori imej, anda menulis:

Ini dipanggil laluan mutlak untuk imej anda.

Masalah Biasa Dengan Imej Yang Tidak Menampakkan

Mendapatkan imej untuk muncul di laman web anda boleh mencabar pada mulanya. Alasan yang paling umum ialah imej tidak dimuat naik di mana HTML menunjuk, atau HTML ditulis dengan salah.

Perkara pertama yang perlu dilakukan ialah melihat jika anda boleh mencari imej anda dalam talian. Kebanyakan penyedia hosting mempunyai beberapa jenis alat pengurusan yang boleh anda gunakan untuk melihat di mana anda memuat naik imej anda. Selepas anda fikir anda mempunyai URL yang betul untuk imej anda, taipkannya ke penyemak imbas anda. Jika imej muncul, maka anda mempunyai lokasi yang betul.

Kemudian periksa bahawa HTML anda menunjuk pada imej itu. Cara termudah untuk melakukan itu ialah menampal URL imej yang baru anda diuji ke atribut SRC. Muat semula halaman dan ujian.

Atribut SRC tag imej anda tidak boleh bermula dengan C: \ atau fail: Ini akan berfungsi apabila anda menguji laman web anda di komputer anda sendiri, tetapi setiap orang yang mengunjungi laman web anda akan melihat imej yang rusak. Ini kerana C: \ menunjuk ke lokasi pada cakera keras anda . Oleh kerana imej pada cakera keras anda, ia memaparkan apabila anda melihatnya.