HTML լեզվի շարահյուսությունը թույլ է տալիս կատարել հիպերհղումներ ոչ միայն տեքստային, այլ նաև գրաֆիկական: Կայքի այցելուի համար նման հղումը կարծես պատկեր է, և երբ կտտացնում է նկարը, գնում ես մեկ այլ ինտերնետային էջ:
Հրահանգներ
Քայլ 1
Օգտագործելով ցանկացած գրաֆիկական խմբագիր, կրճատեք պատկերը: Դրա չափը կոորդինատներից որևէ մեկում չպետք է գերազանցի 200 պիքսելը: Ավելի լավ է, եթե նկարը հորիզոնական դասավորություն ունենա: Սա կարող է լինել, օրինակ, վիրտուալ կոճակ, որի վրա գրությունը կատարվում է գեղարվեստական տառատեսակով: Պատկերի ձևաչափը պետք է լինի հետևյալներից մեկը ՝ JPG, PNG, GIF: Առաջինը նախընտրելի է լուսանկարների համար, իսկ մնացած երկուսը նախընտրելի են գծային արվեստի համար (սա լավագույն սեղմումն է): Համոզվեք, որ փոփոխության արդյունքը պահպանեք նոր անվան տակ, որպեսզի չփչացնեք բնօրինակը:
Քայլ 2
Պատկերային ֆայլը վերբեռնեք սերվերին այն թղթապանակում, որտեղ գտնվում է HTML ֆայլը: Նման ներբեռնում կատարելու համար կարող եք օգտագործել վեբ ինտերֆեյսը (եթե առկա է հոսթինգի մատակարարից) կամ ցանկացած FTP հաճախորդի ծրագիր:
Քայլ 3
Տեղադրեք հետևյալ կոդի հատվածը HTML ֆայլի ցանկալի վայրում., որտեղ «href =» օպերատորից հետո արտահայտությունն այն հասցեն է, որին տանում է հղումը, իսկ someimage
Քայլ 4
Որոշ օգտվողների համար զննարկչում պատկերների ցուցադրումն անջատված է: Հետեւաբար, ցանկալի է տեղադրել բացատրություն, թե որտեղ է հղումը տանում անմիջապես նկարի տակ: Այդ դեպքում փոփոխեք վերոհիշյալ կոդի հատվածը ՝ այսպիսի տեսք ունենալու համար.
Թրթուրներ Բացատրական տեքստը կհայտնվի պատկերի տակ: Կտտացնելով դա ձեզ կտանի նաև հղումը:
Քայլ 5
HTML ֆայլի թարմացված տարբերակը սերվեր վերբեռնելուց հետո զննարկչում բացեք համապատասխան էջը, ապա համոզվեք, որ պատկերը ցուցադրվում է, և հղումը վավեր է: Դրա երկայնքով անցումը պետք է տեղի ունենա, երբ կտտացնում եք ինչպես նկարի վրա, այնպես էլ դրա տակ տեղադրված բացատրական գրության վրա (եթե այդպիսիք կան):
