Բովանդակություն

• Քայլել
• 1-ի մեթոդը 1. Պատկերների տեղադրում HTML- ով
• Խորհուրդներ
• Arnգուշացումներ

Ձեր կայքում կամ սոցիալական ցանցի պրոֆիլում պատկերներ ավելացնելը ձեր վեբ էջը հագնվելու հիանալի միջոց է: HTML- ը (HyperText Markup Language) ունի բազմաթիվ գործառույթներ վեբ էջեր ստեղծելու համար, բայց բարեբախտաբար, ծածկագիրը, որն անհրաժեշտ է նկարներ ավելացնելու համար, այնքան էլ դժվար չէ:

Քայլել

1-ի մեթոդը 1. Պատկերների տեղադրում HTML- ով

1. Վերբեռնեք ձեր պատկերը անվճար հոստինգի կայքին, ինչպիսիք են Photobucket- ը կամ TinyPic- ը, որոնք թույլ են տալիս տաք կապեր ստեղծել: Թեժ կապը թույլ է տալիս պատկերի անմիջական կապը կայքի սերվերի հետ; որոշ պրովայդերներ դա արգելել են, քանի որ թեժ կապը օգտագործում է իրենց թողունակությունը և տեղ է զբաղեցնում իրենց սերվերներում:
   • Եթե ​​ունեք վճարովի հոստինգի հաշիվ, նկարները վերբեռնեք անմիջապես այն սերվերին, որտեղ տեղադրված է ձեր կայքը: Սա միշտ էլ ավելի հուսալի է, քան անվճար կայքը և պարտադիր չէ, որ ընդհանրապես թանկ լինի:
2. Բացեք նոր փաստաթուղթ տեքստի խմբագրում (օրինակ., Notepad / Notepad) կամ բացեք ձեր կայքի / պրոֆիլի էջը, որտեղ կարող եք ուղղակիորեն փոխել HTML կոդը:
3. Սկսեք img պիտակ Ի img պիտակը դատարկ է, այսինքն `փակման պիտակ չի պահանջվում: Այնուամենայնիվ, XHTML վավերացման համար դուք դեռ կարող եք դրա դիմաց բացատ և կտրվածք դնել ավելի մեծ, քան նշան.
   • img />
4. Կան շատ մատչելի հատկանիշներ, բայց անհրաժեշտ է միայն մեկը.src, Դա ձեր պատկերի գտնվելու վայրն է / հասցեն, կամ նաև URL- ն:
   • img src = "պատկերի URL" />
5. Հաջորդը դու ստիպված ես բարձրություն հատկանիշ ավելացնել: Սա ցույց է տալիս այլընտրանքային տեքստ, եթե պատկերը չի բեռնվում: Սա նաև տեսողական խնդիրներ ունեցող մարդկանց ծառայություն է, որն օգտագործում է էկրանի ընթերցողներ:
   • Եթե ​​կուրսորը սավառնում եք պատկերի վրա, այս տեքստը նաև ցուցադրվում է որպես գործիքների հուշում, բայց դա միայն դեպքն է Internet Explorer- ում: Լուծումը, որն աշխատում է բոլոր զննարկիչների հետ (Firefox) et al.) դրան կոչում հատկանիշ, որը կօգտագործվի ի լրումն բարձրություն, (Կարող եք բաց թողնել վերջինս, եթե չեք ուզում, որ պատկերն ունենա գործիքների հուշում):

Որպես օրինակ.img src = "Պատկերի URL" alt = "Ամեն դեպքում" վերնագիր = "Գործիքների հուշում" />

1. Այժմ դուք կարող եք նշել պատկերի չափը ՝ բարձրություն և լայնությունը հատկանիշը և նշելով պիքսելները կամ տոկոսը: Նկատի ունեցեք, որ այս եղանակով չափափոխելը միայն փոխում է տեսքի չափը, ոչ թե բուն պատկերի չափը: Պատկերի բեռնման ժամանակը կրճատելու համար ավելի լավ է, հատկապես մեծ պատկերների դեպքում, դրանք նախապես չափափոխել `լուսանկարների խմբագրման ծրագրակազմով կամ PicResize.com- ի նման առցանց ծառայության միջոցով:
   • img src = "Պատկերի URL" alt = "Ամեն դեպքում" վերնագիր = "Գործիքների հուշում" բարձրություն = "50%" լայնություն = "50%" />
   • img src = "Պատկերի URL" alt = "Ամեն դեպքում" title = "Գործիքների հուշում" height = "25px" width = "50px" />

Խորհուրդներ

• Այս հատկանիշների արժեքը կամ տրվում է պիքսելներով, կամ տոկոսներով ՝ 1-100% -ից:
• Պատկերը կարող է տեղադրվել ինտերնետային էջի ցանկացած կետում ՝ օգտագործելով ձևաչափման տարբեր հատկանիշներ ՝ վերև, ներքև, միջին, աջ, ձախ և այլն:
• Hspace հատկանիշն օգտագործվում է նկարի ձախ և աջ հորիզոնական տարածություն տեղադրելու համար, մինչդեռ vspace հատկանիշն օգտագործվում է պատկերների և այլ առարկաների վերևում և ներքևում տեղ բացելու համար:
• Շատ մի տրվեք պատկերներով: Դա խառնաշփոթ է և ոչ պրոֆեսիոնալ:
• GIF պատկերները լավ են պատկերանշանների կամ մուլտֆիլմերի համար, բայց այս ֆայլի տեսակը պակաս հարմար է բազմաթիվ գույներով լուսանկարների և այլ պատկերների համար:
  • GIF պատկերները պատկերի համար աջակցում են միայն 8-բիթանոց գույնի առավելագույնը 256 գույներով: Ուստի պետք է ակնկալել, որ 16 կամ 24 բիթանոց գունավոր նկարազարդման կամ լուսանկարի վերարտադրությունը այնքան էլ լավը չի լինի:
  • GIF պատկերները նույնպես աջակցում են թափանցիկությանը: Հնարավոր է մի փոքր թափանցիկություն, ինչը նշանակում է, որ մեկ գույնը կարող է թափանցիկ լինել:
  • Փոխկապակցումը աջակցվում է նաև GIF պատկերներով, ինչը նշանակում է, որ կայքի այցելուը կստանա պատկերացում, թե ինչպիսին կլինի պատկերը, նախքան այն ամբողջությամբ բեռնված լինի:
  • GIF ձևաչափը նաև աջակցում է անիմացիային:
• Համոզվեք, որ URL- ում նշվում է պատկերի ֆայլի ձևաչափը (.webp .gif և այլն):

Arnգուշացումներ

• Մի թեժ կապ հաստատեք: