Иловаи тасвирҳо ба веб саҳифаҳо

Дар ҳар як саҳифа онлайн вебсайтро бинед ва шумо мебинед, ки онҳо як чизро дар умум шарҳ медиҳанд. Яке аз ин хислатҳои муштарак тасвирҳост. Тасвирҳои дуруст ба презентатсияи вебсайт илова мекунанд. Баъзе аз ин тасвирҳо, мисли логотип ширкат, бренди сомона кӯмак мерасонанд ва ба ин филиал ба ширкати физикии худ пайваст мешаванд.

Барои илова кардани тасвир, тасвири, ё графика ба саҳифаи вебии шумо, шумо бояд параграфро дар коди HTMLи саҳифа истифода баред. Шумо HTML-ро дар HTML-и худ ҷойгир кунед, ки шумо мехоҳед графикиро нишон диҳед. Браузери веб, ки рамзи саҳифаро инъикос мекунад, ин мундариҷаро бо графикаи мувофиқ иваз карда мешавад. Бозгашт ба намуна logo -и мо, ин аст, ки чӣ тавр шумо метавонед ин тасвирро ба сомонаи худ илова кунед:

Намудҳои тасвирӣ

Дар кнопкаи HTML нигаред, шумо мебинед, ки элемент ду хосиятро дар бар мегирад. Ҳар якашон барои тасвир талаб карда мешавад.

Ин хосият аввалин "src" аст. Ин хеле воқеан файли тасвирест, ки шумо мехоҳед дар саҳифа нишон диҳед. Дар намунаи мо мо файли "logo.png" истифода мебарем. Ин графикест, ки браузери веб ҳамчунон нишон медиҳад, ки ин сайт нишон дода шудааст.

Шумо инчунин пеш аз он ки ин номи файлро бинед, мо маълумоти иловагӣ илова намудем, "/ images /". Ин роҳи файли аст. Сатҳи ибтидоии пештара серверро ба решаи феҳрист равон мекунад. Он гоҳ барои як феҳрист номи "тасвирҳо" ва ниҳоят ба файли "logo.png" муроҷиат хоҳад кард. Истифодаи феҳрист номи "тасвирҳо" -ро барои нигоҳ доштани ҳамаи графикаи сомона таҷрибаи хеле маъмул аст, аммо роҳи файлии шумо ба ҳар чизе, ки барои сомонаи шумо мувофиқ аст, иваз карда шавад.

Истифодаи дуввумии матн матни "поён" аст. Ин "матни алтернативӣ" аст, ки агар тасвир ягон сабабро бор накунад. Ин матн, ки дар намунаи мо "Ширкати Ширкат" хонда мешавад, агар тасвир наёбад, намоиш дода мешавад. Чаро ин рӯй медиҳад? Сабабҳои гуногун:

Инҳо танҳо якчанд имкониятҳое ҳастанд, ки чаро намоиши тасвироти мо гум мешаванд. Дар ин маврид, матни аслии мо ба ҷои он нишон дода мешавад.

Матнаи матн низ аз тарафи нармафзори экрани экран барои "хондан" -и тасвир ба меҳмоне, ки нотавоии назаррас дорад, истифода мешавад. Азбаски онҳо намунаи онро мо дида наметавонем, ин матн ба онҳо медарояд, ки чӣ гуна тасвиротро чӣ гуна аст. Ин аст, ки чаро матн барои матн талаб карда мешавад ва барои чӣ он бояд тасвирро чӣ гуна тасвир кунад!

Дарки нодурусти матнии матн маънои онро дорад, ки барои мақсадҳои муҳаррики ҷустуҷӯӣ пешбинӣ шудааст. Ин дуруст нест. Дар ҳоле, ки Google ва дигар эзаҳои ҷустуҷӯ ин матнро барои муайян кардани он тасвир мекунанд (ёд, онҳо наметавонанд "тасвири худро" бинанд), шумо бояд матнҳои матниро танҳо барои машқҳои ҷустуҷӯӣ нанависед. Муаллифони матнии матн, ки барои одамон пешбинӣ шудааст, навишта шудааст. Агар шумо инчунин метавонед баъзе калимаҳои калидиро ба матне, ки ба ҷустуҷӯҳои муҳаррики ҷустуҷӯ илова кунед, ин хуб аст, аммо ҳамеша боварӣ ҳосил кунед, ки матни матн бо мақсади нишон додани он ки тасвир барои касе нест, ки файлҳои графикиро дида наметавонад.

Дигар хосиятҳо

Теги IMG ҳамчунин ду хусусиятҳои дигаре дорад, ки шумо метавонед ҳангоми истифодаи графикӣ дар саҳифаи вебии худ - васеъ ва баландии он истифода кунед. Масалан, агар шумо як муҳаррири WYSIWYG монанди Dreamweaver истифода баред, он ба таври автоматӣ ин маълумотро барои шумо илова мекунад. Ин намунаи мисол аст:

Хусусиятҳои WIDTH ва HEIGHT браузерро ба андозаи тасвир нишон медиҳанд. Браузер баъд аз он, ки чӣ қадар фазои дар тарҳрезӣ ҷудо кардани он фароҳам меорад, ва он метавонад ба унвони ояндаи саҳифа дар вақти ҳаҷми суроға ҳаракат кунад. Масъала бо истифодаи ин маълумот дар HTML шумо ин аст, ки шумо ҳамеша намехоҳед тасвири худро дар ин андозаи дақиқ нишон диҳед. Масалан, агар шумо вебсаи ҷавобӣ дошта бошед, ки андозаи шумо дар асоси вебсайти меҳмонон ва андозаи тачҳизот тағйир меёбад, шумо инчунин мехоҳед симои худро тағйир диҳед. Агар шумо дар HTML худро дар бораи он, ки андозаи муқаррарӣ аст, баён кунед, шумо онро бо саволҳои ҷавобии CSS таҳрир кунед . Бо ин сабаб ва нигоҳ доштани сабки стандартӣ (CSS) ва сохтори (HTML) тавсия дода мешавад, ки шумо рамзи васеъ ва баландсифатро ба коди HTML илова кунед.

Як ёддошт: Агар шумо ин дастурҳои андозагириро тарк кунед ва андозаи CSS-ро нишон надиҳед, браузер тасвирро дар андозаи муқаррарӣ ва андозаи он нишон медиҳад.

Ҷаҳони андеша