Նկարներ ավելացնել ձեր վեբ էջերում

Նկարներ ստանալը պատշաճորեն ցուցադրվելու համար

Ցանկացած պատկերներ, որոնք ցանկանում եք հղում կատարել ձեր կայքի HTML- ում, նախ պետք է վերբեռնվեն այն նույն վայրում, որը HTML- ին ուղարկել եք վեբ էջ, արդյոք կայքը տեղակայված է FTP- ով հասած վեբ սերվերի վրա, կամ օգտվում եք վեբ հոստինգի ծառայությունից: Եթե ​​օգտվում եք վեբ հոստինգ ծառայությանց, հավանաբար օգտագործում եք ծառայության կողմից տրամադրված վերբեռնման ձեւը: Այս ձեւերը սովորաբար ձեր հոստինգ հաշվի կառավարման բաժնում են:

Ձեր նկարը հոստինգ ծառայության համար վերբեռնելը միայն առաջին քայլն է: Այնուհետեւ պետք է HTML- ի մեջ ավելացնել տեքստը `այն բացահայտելու համար:

Պատկերներ վերբեռնեք նույն դիրեկտորիան որպես HTML

Ձեր լուսանկարները կարող են տեղակայվել HTML- ի նույն գրացուցակում: Եթե ​​դա այդպես է,

1. Պատկերացրեք ձեր կայքի արմատին:
2. Պատկերում նշեք ձեր HTML- ում պատկերների պիտակը:
3. Վերբեռնեք HTML ֆայլը ձեր կայքի արմատին:
4. Փորձեք ֆայլը, վեբ բրաուզերում էջը բացելով:

Պատկերի տեքստը տեւում է հետեւյալ ձեւաչափը.

Ենթադրելով, որ դուք լուսաբանում եք Լուսնի լուսաբանում `« lunar.jpg »անունով, պատկերի տեքստը տանում է հետեւյալ ձեւը.

Բարձրությունը եւ լայնությունը հնարավոր են, սակայն առաջարկվում են: Նշենք, որ պատկերի պիտակը չի պահանջում փակման պիտակ:

Եթե ​​դուք կապակցում եք որեւէ այլ փաստաթղթի պատկերին, օգտագործեք խարիսխների պիտակներ եւ ներսում ներդիրի ներդիրը:

Վերբեռնման պատկերներ մի ենթադիրինգում

Ավելի տարածված է պատկերներ պահել ենթագրերում, սովորաբար կոչվում է Պատկեր : Այդ գրացուցակում պատկերները մատնացույց անելու համար անհրաժեշտ է իմանալ, թե որտեղ է այն կապված ձեր կայքի արմատին:

Ձեր կայքի արմատն այն է, որտեղ URL- ն, առանց որեւէ տեղեկագրքի վերջում, ցուցադրվում է: Օրինակ, «MyWebpage.com» անունով կայքի համար արմատը հետեւյալ ձեւն է `http://MyWebpage.com/: Նշենք, որ վերջում կտրատել: Ահա թե ինչպես է տեղեկատուի արմատը սովորաբար նշված է: Ենթածրագրերը ներառում են, որ սահիկը ցույց տա, թե որտեղ են նստում գրացուցակային կառուցվածքում: MyWebpage- ի օրինակելի կայքը կարող է ունենալ կառուցվածքը.

http://MyWebpage.com/ - արմատային գրացուցակ http://MyWebpage.com/products/ - արտադրանքի տեղեկատու http://MyWebpage.com/products/documentation/ - փաստաթղթերի կատալոգ, արտադրանքի տեղեկատուի http: // MyWebpage.com/images/- պատկերների ցանկը

Այս դեպքում, երբ նշում եք ձեր պատկերն պատկերների ցուցակում, դուք գրում եք.

Սա կոչվում է ձեր պատկերը բացարձակ ճանապարհ :

Ընդհանուր խնդիրներ, պատկերներով, որոնք ցուցադրվում են

Նախքան ձեր վեբ էջում պատկերներ ստանալը կարող է դժվար լինել առաջին հերթին: Երկու ամենատարածված պատճառներն այն են, որ պատկերը չի վերբեռնվել, որտեղ HTML- ը մատնացույց է անում, կամ HTML սխալ է գրված:

Առաջին բանն այն է, որ տեսնեք, թե արդյոք կարող եք գտնել ձեր պատկերը առցանց: Հոսթինգի պրովայդերների մեծ մասը ունեն որոշակի կառավարման գործիք, որը կարող եք օգտագործել, որպեսզի տեսնեք ձեր պատկերները: Հետո կարծում եք, որ ձեր պատկերի համար ճիշտ URL ունեք, մուտքագրեք այն ձեր դիտարկչին: Եթե ​​պատկերը ցույց է տալիս, ապա դուք ունեք ճիշտ դիրքը:

Այնուհետեւ ստուգեք, որ ձեր HTML- ը մատնացույց է անում այդ պատկերին: Դրա ամենադյուրին ճանապարհն այն է, տեղադրեք պատկերի URL- ը, որը դուք պարզապես փորձարկվել եք SRC հատկանիշում: Վերբեռնեք էջը եւ ստուգեք:

Ձեր պատկերի պիտակի SRC հատկանիշը երբեք երբեք չպետք է սկսվի C- ի կամ ֆայլի միջոցով. Դրանք կհայտնվեն աշխատելու այն ժամանակ, երբ ստուգեք ձեր վեբ էջը ձեր սեփական համակարգչում, բայց բոլոր նրանք, ովքեր այցելում են ձեր կայքը, կտեսնեն կոտրված պատկեր: Սա է պատճառը, որ C: \ նշում է ձեր կոշտ սկավառակի վրա տեղադրությունը: Քանի որ պատկերը ձեր կոշտ սկավառակի վրա է, այն ցուցադրվում է այն ժամանակ, երբ դիտում եք: