Tarkib

• Qadam bosish
• 1-usulning 1-usuli: HTML bilan rasmlarni kiritish
• Maslahatlar
• Ogohlantirishlar

Rasmlarni veb-saytingizga yoki ijtimoiy tarmoq profilingizga qo'shish veb-sahifangizni bezashning eng yaxshi usuli hisoblanadi. HTML (HyperText Markup Language) veb-sahifalarni yaratish uchun juda ko'p funktsiyalarga ega, ammo xayriyatki siz rasm qo'shishingiz kerak bo'lgan kod juda qiyin emas.

Qadam bosish

1-usulning 1-usuli: HTML bilan rasmlarni kiritish

1. Tasviringizni bepul ulanish imkoniyatini beradigan Photobucket yoki TinyPic kabi bepul xosting veb-saytiga yuklang. Hot-linking veb-sayt serveriga to'g'ridan-to'g'ri rasmni bog'lashga imkon beradi; ba'zi provayderlar bunga taqiq qo'yishdi, chunki issiq ulanish ularning o'tkazuvchanlik qobiliyatidan foydalanadi va ularning serverlarida joy egallaydi.
   • Agar sizda pullik hosting hisobi bo'lsa, rasmlarni to'g'ridan-to'g'ri veb-saytingiz joylashtirilgan serverga yuklang. Bu har doim bepul saytga qaraganda ancha ishonchli va umuman qimmat bo'lishi shart emas.
2. Matn muharririda yangi hujjatni oching (masalan:, Notepad / Notepad) yoki veb-saytingizda / profilingizda HTML kodini to'g'ridan-to'g'ri o'zgartirishingiz mumkin bo'lgan sahifani oching.
3. Bilan boshlang img yorliq. The img teg bo'sh, ya'ni hech qanday yopish yorlig'i kerak emas. Biroq, XHTML-ni tekshirish uchun siz hali ham bo'sh joy va uning oldiga chiziq chizishingiz mumkin dan katta imzo.
   • img />
4. Atributlar juda ko'p, ammo ulardan bittasi zarur:src. Bu sizning rasmingiz manzili / manzili yoki URL manzili.
   • img src = "Rasmning URL manzili" />
5. Keyin kerak alt atribut qo'shish. Bu rasm yuklanmasa, muqobil matnni ko'rsatadi. Bu, shuningdek, ekran o'quvchilaridan foydalanadigan, ko'rish qobiliyati past bo'lganlar uchun xizmatdir.
   • Agar siz kursorni rasm ustiga qo'yib qo'ysangiz, bu matn shuningdek ko'rsatma sifatida ko'rsatiladi, ammo bu faqat Internet Explorer-da. Barcha brauzerlarda ishlaydigan echim (Firefox va boshq.) unga tegishli sarlavha atributiga qo'shimcha ravishda foydalanish alt. (Agar rasmda ko'rsatma berilishini xohlamasangiz, ikkinchisini qoldirishingiz mumkin.)

Misol tariqasida:img src = "Tasvirning URL manzili" alt = "Har ehtimolga qarshi" title = "Tooltip" />

1. Endi siz rasm o'lchamini balandlik va kengligi xususiyati va piksellarni yoki foizlarni belgilash orqali. Shuni esda tutingki, shu tarzda o'lchamini o'zgartirish faqat rasm hajmini o'zgartirmaydi, faqat rasm hajmini o'zgartiradi. Rasmni yuklash vaqtini qisqartirish uchun, ayniqsa, katta hajmdagi rasmlar bilan ularning o'lchamlarini fotosuratlarni tahrirlash dasturi yoki PicResize.com kabi onlayn xizmat yordamida oldindan o'lchamlari yaxshiroqdir.
   • img src = "Tasvirning URL manzili" alt = "Har qanday holatda" title = "Tooltip" height = "50%" width = "50%" />
   • img src = "Tasvirning URL manzili" alt = "Har ehtimolga qarshi" title = "Tooltip" height = "25px" width = "50px" />

Maslahatlar

• Ushbu atributlarning qiymati piksellarda yoki foizlarda 1-100% gacha berilgan.
• Rasm yuqori, pastki, o'rta, o'ng, chap va hk kabi formatlash atributlaridan foydalangan holda veb-sahifaning istalgan joyiga joylashtirilishi mumkin.
• Hspace atributi rasmning chap va o'ng tomoniga gorizontal bo'shliqni kiritish uchun, vspace atributi esa tasvirlar va boshqa narsalarning yuqori va pastki qismida joy ajratish uchun ishlatiladi.
• Tasvirlar bilan haddan tashqari ko'nglini olmang. Bu tartibsiz va professional bo'lmagan ko'rinadi.
• GIF rasmlari logotiplar yoki multfilmlar uchun juda mos keladi, ammo bu fayl turi fotosuratlar va boshqa rangdagi boshqa rasmlarga unchalik mos kelmaydi.
  • GIF-rasmlar faqat tasvir uchun maksimal 256 ta rang bilan 8-bitli rangni qo'llab-quvvatlaydi. Shuning uchun 16 yoki 24 bitli rangli illyustratsiya yoki fotosuratni ko'paytirish unchalik yaxshi bo'lmaydi deb kutish kerak.
  • GIF tasvirlari shaffoflikni ham qo'llab-quvvatlaydi. Bitta shaffoflik mumkin, ya'ni bitta rang shaffof bo'lishi mumkin.
  • Interlacing-ni GIF-rasmlar ham qo'llab-quvvatlaydi, ya'ni saytga tashrif buyuruvchilar rasm to'liq yuklanishidan oldin uning qanday ko'rinishi haqida tasavvurga ega bo'lishadi.
  • GIF formati animatsiyani ham qo'llab-quvvatlaydi.
• URL manzilida rasmning fayl formati ko'rsatilganligiga ishonch hosil qiling (.webp .gif va boshqalar).

Ogohlantirishlar

• Hotlink qilmang!