Նկարը ուղղակիորեն տեղադրված չէ տեքստի մեջ: Բրաուզերին ասում են իր անունը և հրահանգում, թե որտեղ և ինչպես տեղադրել այն էկրանին: Դա անելու համար օգտագործեք մեկ HTML img թեգ: Այն սահմանում է վեբ էջում գրաֆիկական օբյեկտի գտնվելու վայրը։
Եթե պիտակների համար շատ ատրիբուտներ կամընտիր են, ապա img թեգը պետք է ունենա առնվազն մեկ պարամետր՝ պատկերի հասցեն: Այս հատկանիշը կոչվում է src:
- - սա կցուցադրի ընթացիկ գրացուցակում պահվող goat-j.webp" />
- - img թեգի այս պարամետրով բրաուզերը կբեռնի համացանցում տեղադրված պատկերը megasellmag.ru կայքում:
Հավասարեցման հատկանիշներ
Պատկերները էջի վրա HTML-ի միջոցով տեղադրելու համար օգտագործվում է img թեգը, որի ատրիբուտները պատասխանատու են պատկերը էջում տեղադրելու և դրա տեքստի փաթաթման բնույթի համար:
Լռելյայնորեն զննարկիչը պատկերը տեղադրում է էկրանի կենտրոնում, և տեքստը չի փաթաթվում դրա շուրջը: img պիտակը թույլ կտա արտահայտել ձեր անհամաձայնությունը բրաուզերի հետ՝ օգտագործելով align հատկանիշը (alignment):
- նկարը կտեղադրվի էջի ձախ եզրին, իսկ տեքստը կշրջվի աջ կողմում:
Տեքստի վարքագիծը նման կլինի, եթե պատկերը տեղադրվի աջ (հավասարեցնել=աջ), մեջտեղում (հավասարեցնել=միջին), վերև (հավասարեցնել=վերև), ներքևում։(հավասարեցնել=ներքև) և կենտրոն (կենտրոն):
Կարգավորումներ և չափեր
Տեքստը պատկերների մեջ սողացող կանխելու համար, img թեգը ձեռք է բերել հատուկ ատրիբուտներ՝ hspace (հորիզոնական/հորիզոնական լուսանցքներ) և vspace (ուղղահայաց/ուղղահայաց լուսանցքներ), որոնք որոշում են պատկերների եզրերից տեքստի նահանջի քանակը։ պիքսելներ։
Նկարը ոչ միայն հնազանդորեն կհեռանա տեքստից նշված չափով, այլև կհեռանա էջի եզրից, ուստի ավելի լավ է խուսափել մեծ նահանջներից:
Պատկերների երկրաչափական չափերը շատ կարևոր են, որոնք ոչ միայն ցանկալի են, այլ երբեմն պարզապես անհրաժեշտ են նշել պատկերի ճիշտ ցուցադրման համար։ Դրա համար օգտագործվում են լայնություն (լայնություն) և բարձրություն (բարձրություն) ատրիբուտները, որոնց արժեքը սահմանվում է պիքսելներով կամ տոկոսներով:
Եթե նշեք միայն լայնությունը, բարձրությունը կընտրվի ինքնաբերաբար սկզբնական համամասնություններով: Տոկոսային չափերը թույլ են տալիս պատկերը տեղադրել էջի աջ մասում՝ անկախ բրաուզերի պատուհանի չափից, և այդ անհրաժեշտությունը հաճախ է առաջանում։
Այլ տարբերակներ
Սահմանային հատկանիշը պատկերը փակում է նշված հաստության շրջանակում, ինչը զննարկիչը լռելյայն չի անում:
Եզրագիծը կարող է ունենալ նաև անիմաստ թվացող զրոյական լայնություն (սահման='0'), բայց դա այնքան ժամանակ է, մինչև պատկերը դառնա հղում, երբ զննարկիչը ավտոմատ կերպով շրջանցում է այն կապույտ եզրագծով, առանց հրահանգների սպասելու:
Որոշ անհամբեր օգտատերեր, որոնք զայրացած են ինտերնետի ցածր արագությունից, պարզապես կանջատեն նկարների ցուցադրումը։ Նման դեպքերի համար նախատեսված է alt պարամետրը, որը թույլ է տալիս մուտքագրելայլընտրանքային տեքստ, որը օգտատերը կտեսնի այն վանդակում, որտեղ նկարը շտապում է բեռնել:
Եթե ձեզ դուր չեն գալիս alt պարամետրի հնարավորությունները, ապա img թեգը կարող է առաջարկել longdesc հատկանիշ, որի արժեքն ավելի մանրամասն նկարագրությամբ փաստաթղթի URL-ն է:
Usemap և ismap ատրիբուտները բրաուզերին ասում են, որ պատկերը կլինի նկար, որտեղ հիպերհղումները առանձին տարածքներ են (հղման քարտեզ), միայն usemap պարամետրը որոշում է նավիգացիոն քարտեզը սերվերի վրա, իսկ ismap - քարտեզը: հաճախորդի կողմը։
Հղման 1-ի նկարագրությունը ստորև բերված նկարում.
Էկզոտիկ իրեր
lowsrc հատկանիշը հրահանգում է դիտարկիչին նախ ներբեռնել բնօրինակ պատկերի պատճենը (կամ այլ այլընտրանք) ավելի ցածր որակով և, հետևաբար, ավելի «թեթև»: Այս հնարքը տրամադրվում է օգտատիրոջ համար ինտերնետի ցածր արագության դեպքում։ Բնօրինակ պատկերը, երբ վերբեռնվում է, փոխարինում է «կեղծ»ին։
img պիտակի ավելի քիչ օգտագործվող galleryimg հատկանիշը կանչում է պատկերի կառավարման վահանակը (երբ սավառնում է դրա վրա), ինչը թույլ է տալիս բացել լռելյայն Իմ նկարները պանակը և տպել, պահպանել կամ էլփոստով պատկերը: Դուք կարող եք անջատել վահանակը՝ galleryimg պարամետրը դնելով ոչ/կեղծ, և միացնել այն՝ այո/ճշմարիտ սահմանելով:
Նոր HTML5 ճշգրտման մեջ մի շարք պիտակներ ունեն որոշ պարամետրեր հնացած: Օրինակ, img-ի lowsrc, border, longdesc և name ատրիբուտները հանվել են:
