Qanday grafik, fon tasvirini qo'shish uchun HTML. Qanday, o'rtada kompyuter bilan HTML stol rasm qo'shish uchun

Visual qismi eng muhim biri saytlar bilan ishlash hisoblanadi. Albatta, funktsional hisobi bo'lmasligi kerak, u bilan tashlab ham ma'nosi, xolos. saytida bir kompyuter HTML tasvirni o'rnatish haqida gapiraylik. Bu uchun bir imkoniyat taqdim, yoki bir necha bo'ladi? Qanday boshqa odamlar uni ko'rdim deb rasm qo'shish uchun HTML? Kompyuter yoki server - foydalanish qanday yaxshi?

HTML nima?

Gipermatnli belgilash tili gipermatnli hujjatlar - qisqartma uchun turib, deb. Bu kelajakda sayt beliga tashkil bilan, bu yerda u asosiy elementlarni joylashtirish ishlagan. So'ngra Uslublar kaskadli va ma'lumotlar uzatish uchun mas'ul bo'lgan php-fayllarni o'rnating. Lekin har qanday sahifaning markazidagi faqat HTML hisoblanadi. Shu bilan birga, aytmoqchi, tasvir belgilangan. U erda boshqa yo'llari ham bor, lekin siz rasm kabi oddiy narsa, bir dastlabki ayblovni ta'minlash bo'lsangiz, uning nomini foydalaning. Va endi rasm qo'shish uchun HTML sifatida savoliga aniqlik ko'chib qilaylik.

img yorlig'i yordamida

grafik foydalanish uchun olish. Qanday HTML-hujjatda fon tasvirini qo'shish uchun? Va birinchi navbatda sahifa ob'ektini qo'shimcha sifatida bu faylga tomonidan degani. Bu erda uchun bu qo'shimcha va img ishlatiladi. kontent soqit bo'lgan, bas, bu teg chiziq elementlar hisoblanadi. Bu Hyper Text Markup Language barcha to'rt o'z ichiga oladi. Bir - ular yanada muhokama qilinadi, src, balandligi va kengligi hisoblanadi. Uch Boshqalar - bu ob'ekt, embed va iframe (alanga foydalanish) (media mazmunini qo'shish uchun). Bu chiziq ob'ektni ega bo'lsa yorlig'i ishlaydi. yagona farq - ko'rsatilganda ruxsatsiz tashqi tarkib, ishlatiladi. Va u aslida, o'rnatilgan bo'ladi, faylga partiya bo'lishi kerak. Agar savol bo'lsa, HTML fon tasvirini qo'shish uchun qanday, uni bekor qilish uchun eng yaxshi hisoblanadi. image joylashgan Kompyuterni o'zi, faoliyat qachon u faqat paydo bo'ladi, chunki.

src alomatidan foydalanib

Shunday qilib, biz bir grafik tasvir bir HTML hujjatni qo'shish uchun qanday masalani ko'rib chiqilmoqda. src foydalanib, ko'targuvchi iborat rasmda, yo'lini belgilash uchun. quyidagicha umumiy sxemasi quyidagicha: Agar bir Teng imzo va manzilini kiriting ushbu xususiyatni foydalanish lozim.

HTML brauzer ajratishda teg kelsa, u darhol satr chiqadi paydo bo'ladi, bir maydon yaratadi. Bu unga va tashqi faylni yuklaydi. uni dasturi borish uchun, chunki yo'l, xatolar bo'lmasligi kerak. u faylni topish emas bo'lsa, juda estetik emas va ko'rinadi xato ni ko'rsatadi. Qanday rasm qo'shish uchun bir stol HTML-hujjat ichiga? Bu to'g'ri joyda barcha kodni ro'yxatdan o'tish kerak.

serverda tasvirni sozlash: tegi img balandligi va kengligi

Shunday qilib, biz rasm qo'shish HTML qanday bilaman. Uni kurish uchun qanday ko'rib, endi bizni chiqamiz. foydalanuvchiga yuklanadi fayl kompyuter boshlaganida, u darhol belgilangan rasm hajmi bo'ladi. Va u istalgan boshlang'ich parametrlariga nima mos bo'lmasa-chi? Bu holda, parametrlar balandligi va kengligi (piksel sonini) yordam berishi mumkin. Bu holda, kodi quyidagicha belgilangan bo'ladi: birinchi, src va fayl manzili. So'ngra o'xshash tuzilmalari uchun kengligi ko'rsatilgan va nima kengligi bo'lishi kerak. Va so'nggi - balandligi va balandligi. Webmasterlar ko'pincha xatoga yo'l: server kimning hajmi bir necha megabayt katta fayllarni upload. yo'lini belgilangan va kerakli hajm tasvirni rostlanadi. Natijada, foydalanuvchi sifatida juda sekin tafakkur kichik rasm yuklangan mumkin. Bu tashqaridan juda jozibador qarash emas.

ish uchun tavsiyalar

salbiy oldindan tasvir hajmini kamaytirish oldini olish uchun. Agar jozibador ko'rinishi uchun zarur bo'lgan imkoniyatlari ishonchsiz bo'lsa, bir nusxasini qilish va u bilan tajriba. Shuningdek, saqlash vazn boshqarish yaqinlashtiruvchi olinishi lozim. Bu boshqa kengaytmalari uchun konvertatsiya tomonidan tasvir fayllari har qanday sifat ziyon vazn kamsitmay yoki maxsus onlayn xizmatlar va dasturlarni foydalanib amalga oshirish uchun zarur. Bu sayt foydalanuvchilar, balki webmasteriga uchun emas, balki faqat mos - bunday fayllar tezroq yuklanadi va hosting kam joy egallashi kerak, chunki.

Misol qayd qobiliyat

Siz tasvirga yo'lini o'rnatishingiz mumkin qanday qaraylik:

1. Bir fayl nomi.

2. Eslatma image manzili bir mahalliy kompyuter (server) joylashgan.

bir xil ota-kompyuter ustida fayl joyga 3. Mukammal yo'l.

tasvir birinchi bandiga misol foydalanganda tasvir sifatida shu papkada bo'lishi kerak. Ikkinchi Manzil joriy sahifaga bir kichik nisbiy bo'ladi. Uchinchi misol kerakli rasmni topish mutlaq yo'lini ko'rsatadi. ikkinchi holda, (masalan, foydalanish .htaccess faylida taqiqlanmagan bo'lsa) rasm biron serverda bo'lishi mumkin ekanligini unutmang. Biroq, agar u olib tashlanadi, va saytida tasvir yo'qoladi. HTML faqat hujjat formatlash mavjudligini talab qiladi, va har bir narsa server tomonida yuklangan bo'lishi mumkin bo'lgan xususiyatdir. Bu usullar ko'pincha yuklab tezligini oshirish uchun ishlatiladi (lekin keyin siz bu vositani qanday foydalanishni bilish kerak).

ALT va unvoni tayinlash img uchun?

Qanday bo'lishidan qat'iy nazar, rasm fayl, hujjat HTML bilan o'rnatilgan emas, balki bo'lsa, nima qilish kerak? bu sizning yo'lga yoki boshqa biror narsa noto'g'ri bo'lsa, alt xususiyati foydalanish kerak. U muqobil tasvirni taqdim vazifasini ega. Bu erda biz grafik yuklangan emas, deb taxmin. Lekin brauzer hali tasvir ostida maydoni hosil qiladi. Bundan tashqari, foydalanuvchi podgruzki kutmoqda hollarda zarur, va siz dastur jadvalini qabul qilishga tayyor ekanligini, uni ko'rsatish kerak.

kuzatuvchi matn, maxsus xususiyati unvonini namoyish etish. Aslida, bu tooltip, va deyarli har qanday Visual HTML-kod element uchun foydalanishingiz mumkin. Agar ma'lum bir tomonlarini tushuntirishga imkon beradi, chunki bu yaxshi. Bu subtitle atribut ko'rsatilgan ikki foydalanadi: birinchi balandligi keyin unvonini Alt kelgan, va yuqoridagi misol keyin.

Bundan tashqari, bu sifatlar faqat mehmon uchun qulaylik yaratish xizmat qila olmaydi. Ular sayt targ'ib ijobiy ta'sir ko'rsatishi mumkin. Shunday qilib, bu kalit so'zlar ularning foydalanish lozim. Bu beradi jadvalini yaxshilash saytlar va xizmatlar tasvirlar qidirish mexanizmlarini reytingida resurs. Lekin barcha ehtiyot va aql bo'lishi kerak.

suratlar Align

tasvirlar uchun, va oldindan aytib o'tilgan edi formatlash tili elementlar barcha 4 umuman, align Atributlar joriy etildi. Shu bilan birga, rasmlar joyini o'zgartirish mumkin. Odatiy bo'lib, pastki chetiga diziliyorsa. Uchun pastki bo'ladi. Va qanday qilib yuqori qilish kerak? Bu eng talab qiladi. Amalda, bu kabi paydo bo'ladi: tasvir manzili bildiradi src, keyin, align xususiyati va uning qiymatini qo'shing.

Va bir rasm bor liniyasi, u yuqori chetiga bilan yib bo'ladi. Qanday markazida rasm qo'shish uchun HTML? o'rta - yozish uchun yana bir imkoniyat yo'q. Qachon tubdan hech narsa o'zgarmaydi, uni ishlatishdan. Bunday kodi naqsh foydalanganda o'rtasida hizalanmış bo'ladi. Bundan tashqari, tasvir atrofida matnni o'rash, albatta, mumkin. Buning uchun, o'ng va chap sifatlari qo'llaniladi. a "suzuvchi" Bunday hollarda tasvir bo'ladi. chap ofset boshqa yazılışlar bir xil ko'rinadi. huquqiga foydalanish rasm huquqi olinadi farq bilan shunga o'xshash natija beradi. Yo'riqnomalar foydalanish o'z nüansları bor. Shunday qilib, bir muhim muammo rasmga matn juda yaqin bo'ladi. Shu sababli u ko'z ancha yoqimsiz bo'lib yopishib ta'sir yaratgan. Lekin, bu raqamli uslublar sahifasi yoki HTML-kod yordamida, tuzatadi. Bunday o'zgarishlar vSpace va hspace sifatlari foydalanish. o'ng va chap tomondagi - birinchi padding yuqori va pastki va ikkinchi belgilab beradi.

Biz fon qilyapsan

Qanday HTML-sahifa veb-sayt ichiga rasm qo'shish uchun? Buni amalga oshirish uchun juda foydali fon vasf iborat. Bu tana a'zosi bir qismi hisoblanadi. Uning maqsadi - sahifa, bir jadval yoki bitta uyaga to'ldirish lozim tasvir fayli uchun yo'l ko'rsatish uchun. quyidagicha Amalda, foydalanish hisoblanadi: image manzili registrlari bir qiymati bodybackground bir parametr bor. background image yuqori chap burchagida boshlab koordinata va abscissas, oqlari bo'ylab takrorlanadi bunday tarzda o'rnatiladi. Oldingi dock Bu yerda ergashdi. Agar o'rniga rasm foydalanish, bitta rang kabi oddiy narsa to'ldirish bo'lsangiz, siz bu qisqa tavsifi foydalanishingiz mumkin: ko'lamli Kuzov bgcolor uchun parametr xarakterli sifatida belgilangan. Bu yerda kichik o'zgarishlar bor edi. Ko'rib turganingizdek, u foydalanish bgcolor atributi allaqachon. u faqat u bir sahifa yoki uning bir qismi bilan to'ldirilgan bo'ladi, nima rang belgilash uchun talab qilinadi. Bu erda u fon qilish va rangini o'zgartirish uchun kompyuter bilan HTML rasm qo'shish uchun qilib. Umuman, to'liq HTML o'rganish maqsadida, etarlicha vaqt bir hafta uni berish va bu etarli ko'proq bo'ladi.

xulosa

u to'laqonli dasturlash tili deb da'vo qila olmaydi-da, bir-sayt yaratishda HTML, ammo, juda qimmatli hisoblanadi. U haqiqiy suyak bo'ladi. Va biz fonda va sobit tasvirlar bilan ishlash kabi, bilaman endi, deb ishonch bilan aytish va Ishoratlarni ularni qo'shishingiz mumkin. Shunday qilib, HTML rasm qo'shish uchun qanday savolga javob, ochiq-oydin bo'lishi kerak.