Veb-sahifalarga rasm qo'shish

Rasmlarni to'g'ri namoyish qilish

Sizning veb-saytingizning HTML-dagi bog'lashni istagan har qanday rasm avval veb-sahifaga HTML yuborgan joyga, sayt FTP orqali kirgan veb-serverda joylashtirilganmi yoki veb-hosting xizmatidan foydalansangiz bo'ladimi? Agar siz veb-hosting xizmatidan foydalansangiz, ehtimol siz xizmat tomonidan taqdim etilgan bir yuklash formasini ishlatasiz. Ushbu shakllar odatda xosting hisobining ma'muriy qismida bo'ladi.

Xosting xizmatiga rasmingizni yuklash - bu faqat birinchi qadamdir. Keyinchalik uni aniqlash uchun HTMLda bir teg qo'shishingiz kerak.

Rasmlarni bir xil katalogga HTML sifatida yuklash

Rasmlaringiz HTML bilan bir xil katalogda joylashgan bo'lishi mumkin. Agar shunday bo'lsa:

  1. Veb-saytingizning ildiziga rasm yuklang.
  2. Tasvirni ko'rsatish uchun HTML-da rasm yorlig'i qo'shing.
  3. HTML faylini veb-saytingizning ildiziga yuklang.
  4. Veb-brauzeringizdagi sahifani ochib, faylni tekshiring.

Rasm yorlig'i quyidagi formatni oladi:

Agar siz "lunar.jpg" nomi bilan oyni suratga olgan bo'lsangiz, rasm yorlig'i quyidagi shaklni oladi:

Bo'shliq va kenglik ixtiyoriy, lekin tavsiya etiladi. Rasm yorlig'i yopish yorlig'i talab etmasligini unutmang.

Agar siz boshqa hujjatdagi rasmga bog'lanmoqchi bo'lsangiz, ichki yorliqli belgilaridan foydalaning va ichidagi tasvir yorlig'ini joylashtiring.

Rasmlarni subdirectoryda yuklash

Tasvirlarni odatda " Images" deb ataladigan kichik katalogda saqlab qolish odatiy hol. Ushbu katalogdagi rasmlarni ko'rsatish uchun, veb-saytingizning ildiziga qarab qaerda ekanligini bilishingiz kerak.

Sizning veb-saytingizning ildizlari URL-ning oxirida biron-bir katalog bo'lmasa joylashgan joy. Misol uchun, "MyWebpage.com" nomli veb-sayt uchun ildiz ushbu shaklga mos keladi: http://MyWebpage.com/. Oxirida chiziqlarga e'tibor bering. Bir katalogning ildizi odatda shunday ko'rsatiladi. Subdirectories bu katalog strukturasida o'tiradigan joylarni ko'rsatish uchun ularni slashni o'z ichiga oladi. MyWebpage misol saytida tuzilishga ega bo'lishi mumkin:

http://MyWebpage.com/ - ildiz katalogi http://MyWebpage.com/products/ - mahsulot katalogi http://MyWebpage.com/products/documentation/ - http: // mahsulot katalogidagi hujjatlar katalogi MyWebpage.com/images/ - rasm katalogi

Bunday holda siz tasvirlar katalogida rasmingizga ishora qilganingizda, quyidagilarni yozing:

Bu sizning rasmingiz uchun mutlaq yo'l deb ataladi.

Rasmga tushmagan tasvirlar bilan bog'liq keng tarqalgan muammo

Veb-sahifangizda ko'rinadigan rasmlarni olish birinchi navbatda qiyin bo'lishi mumkin. Eng keng tarqalgan ikkita sabab shuki, HTML HTML ko'rsatilganda tasvirni yuklab bo'lmadi yoki HTML noto'g'ri yozilgan.

Sizning rasmingizni onlayn tarzda topa olasizmi, deb o'ylash kerak. Aksariyat hosting provayderlari sizning rasmingizni qaerga yuklaganingizni ko'rish uchun foydalanishingiz mumkin bo'lgan boshqarish vositasi. Sizning rasmingiz uchun to'g'ri URL manzilingizni deb hisoblaganingizdan so'ng brauzeringizga yozing. Agar rasm ko'rsatilsa, siz to'g'ri manzilga egasiz.

Keyin HTML sizning tasvirga ishora qilayotganligini tekshiring. Buning eng oson usuli - siz SRC attributiga testdan o'tgan tasvir URL- ni joylashtirishdir. Sahifani qayta yuklash va sinovni.

Tasvir yorlig'ingizning SRC xususiyati hech qachon C: \ yoki fayl bilan boshlanmasligi kerak : Bu sizning veb-sahifangizni o'zingizning kompyuteringizdan sinab ko'rganda ishlaydi, ammo saytga kirgan har bir kishi buzilgan tasvirni ko'radi. Buning sababi: C: \ qattiq diskdagi joyga ishora qiladi. Tasvir sizning qattiq diskida bo'lgani uchun uni ko'rsangiz ko'rsatiladi.