Senario umum dalam talian adalah bahawa anda mempunyai imej di laman web anda yang ingin anda sambungkan. Mungkin anda sedang mengkode halaman di laman web anda dan anda mahu menambah imej itu, atau mungkin anda mahu memautnya dari laman lain, seperti akaun media sosial yang anda miliki. Dalam kedua-dua kes, langkah pertama dalam proses ini ialah identiti URL (pencari sumber seragam) imej itu. Ini adalah alamat unik dan laluan fail ke imej tertentu di Web.
Mari kita lihat bagaimana ini dilakukan.
Bermula
Untuk bermula, pergi ke halaman dengan imej yang anda mahu gunakan. Walau bagaimanapun, perlu diingat bahawa anda harus menggunakan imej yang anda miliki. Itu kerana menunjuk kepada imej orang lain dianggap sebagai kecurian bandwidth dan boleh membawa anda dalam masalah - walaupun secara sah. Jika anda memaut ke imej di laman web anda, anda menggunakan imej anda sendiri dan jalur lebar anda sendiri. Itu baik-baik saja, tetapi jika anda memautkan ke laman web orang lain, anda menghisap jalur lebar laman web mereka untuk memaparkan imej itu. Jika laman web tersebut mempunyai had bulanan pada penggunaan bandwidth mereka, yang mana banyak syarikat hosting yang dikenakan, maka anda memakan batasan bulanan mereka tanpa persetujuan mereka. Di samping itu, menyalin imej orang lain ke laman web anda boleh menjadi pelanggaran hak cipta. Jika seseorang telah melesenkan imej untuk digunakan di laman web mereka, mereka telah melakukannya untuk laman web mereka sahaja. Menghubungkan ke imej itu dan melukisnya ke laman web anda supaya ia memaparkan pada halaman anda keluar dari lesen itu dan boleh membukanya kepada penalti dan denda undang-undang.
Intinya, anda boleh memaut ke imej yang berada di luar tapak / domain anda sendiri, tetapi dianggap kasar dan paling tidak sah paling buruk, jadi hindari amalan ini bersama-sama. Demi artikel ini, kami akan menganggap imej itu dihoskan secara sah pada domain anda sendiri.
Sekarang bahawa anda memahami "gotchas" yang menghubungkan imej, kami akan mengenalpasti pelayar mana yang akan anda gunakan.
Pelayar yang berbeza melakukan perkara yang berbeza, yang masuk akal kerana mereka semua platform perisian yang unik yang dibuat oleh syarikat yang berbeza. Walau bagaimanapun, kebanyakan pelayar kerja agak serupa pada hari ini. Di Google Chrome, inilah yang akan saya lakukan:
- Cari imej yang anda mahu.
- Klik kanan imej itu ( Ctrl + klik pada Mac).
- Menu akan muncul. Dari menu itu saya pilih Salin Image Address .
- Jika anda tampalkan apa yang ada di papan klip anda, anda akan mendapati bahawa anda mempunyai laluan penuh pada imej itu.
Kini, ini adalah cara ia berfungsi di Google Chrome. Pelayar lain mempunyai perbezaan. Di Internet Explorer, anda klik kanan pada imej dan pilih Properties . Dari kotak dialog itu, anda akan melihat jalan ke imej ini. Salin alamat imej dengan memilih dan menyalinnya ke clipboard anda.
Di Firefox, anda klik kanan pada imej dan pilih lokasi imej salin .
Peranti mudah alih lebih rumit ketika datang untuk mencari jalur URL, dan karena terdapat banyak perangkat yang berbeda di pasaran hari ini, membuat daftar definitif bagaimana mencari URL gambar di semua platform dan perangkat akan menjadi tugas yang menakutkan. Dalam banyak kes, bagaimanapun, anda menyentuh dan memegang imej untuk mengakses menu yang akan membolehkan anda menyimpan imej atau mencari URLnya.
OK, jadi sebaik sahaja anda mempunyai URL imej anda, anda boleh menambahkannya ke dokumen HTML. Ingat, ini adalah titik keseluruhan latihan ini, untuk mencari URL imej supaya kami dapat menambahkannya ke halaman kami! Inilah caranya untuk menambahnya dengan HTML. Perhatikan bahawa anda akan menulis kod ini dalam mana-mana editor HTML yang anda suka:
Jenis:
Antara set pertama tanda petik ganda yang anda akan menempelkan jalan ke imej yang ingin anda sertakan. Nilai alt teks mestilah kandungan deskriptif yang menerangkan apa imej bagi seseorang yang mungkin tidak melihatnya di halaman.
Muat naik halaman web anda dan ujinya dalam pelayar web untuk melihat apakah imej anda sudah ada!
Tips berguna
Atribut lebar dan ketinggian tidak diperlukan pada imej, dan mereka harus dikecualikan melainkan anda selalu mahu imej itu diberikan dalam saiz yang tepat. Dengan laman web dan imej yang responsif yang reflow dan saiz semula berdasarkan saiz skrin, ini jarang terjadi pada hari-hari ini. Anda mungkin lebih baik meninggalkan lebar dan ketinggian, terutamanya sejak Dalam ketiadaan maklumat atau gaya ukuran yang lain) penyemak imbas akan memaparkan imej dalam saiz lalai pula.