Përshëndetje të dashur lexues të faqes së blogut! Siç e dini, për promovimin e suksesshëm të një siti dhe rritjen e pozicionit të tij në rezultatet e kërkimit, është e nevojshme të kryhet optimizimi i SEO me cilësi të lartë të faqes. Koncepti "", i cili, nga ana tjetër, ndahet në të brendshëm dhe të jashtëm, është i lidhur pazgjidhshmërisht me koncepte të tilla si "lidhjet e brendshme dhe të jashtme të faqes". Prandaj, është shumë e rëndësishme për ne të dimë se sa lidhje duhet të jenë në faqe, si të kontrollojmë numrin e tyre, si të heqim lidhjet e panevojshme nga faqja dhe t'i mbyllim ato nga indeksimi, si të ndërtojmë masën e lidhjeve, etj. Për t'iu përgjigjur të gjitha këtyre dhe pyetjeve të tjera në lidhje me lidhjet e brendshme dhe të jashtme, së pari le të kuptojmë se çfarë është një lidhje (ose hiperlidhje) në HTML.
Në këtë artikull do t'ju tregoj se çfarë është një lidhje, si të krijoni një hiperlink në HTML në një faqe interneti, si të hapni një lidhje në një dritare të re, si të krijoni një lidhje me një adresë emaili (e-mail) dhe si të bëj një lidhje një foto. Ne do të prekim gjithashtu koncepte të tilla si etiketat html dhe atributet e hiperlidhjeve, lidhjet e ankorimit, ankorimi html (ankorimi) dhe lidhjet hash. Pra, le të fillojmë.
Çfarë është një lidhje (hiperlink).
Nëse një hiperlidhje çon në një faqe interneti ose skedar që nuk ekziston (i fshirë, zhvendosur) ose adresa e tij është e pasaktë, atëherë një lidhje e tillë quhet e prishur. Nuk duhet të ketë lidhje të prishura në sit, pasi ato mashtrojnë vizitorët dhe, pasi të keni klikuar në një lidhje të tillë, një person nuk ka gjasa të kthehet në faqen tuaj. Më shumë detaje se pse shfaqen lidhjet e prishura, si t'i gjeni dhe rregulloni ato, do të flasim në një artikull të veçantë. Le të vazhdojmë tani.
Si të krijoni një lidhje (hiperlink) në HTML në një faqe interneti.
Është shumë e lehtë të lidheni me një faqe tjetër në faqen tuaj ose në një faqe tjetër. Për të krijuar një hiperlidhje, duhet t'i tregoni shfletuesit se cila është lidhja dhe të tregoni adresën e dokumentit në të cilin do të çojë. Kjo bëhet duke përdorur një etiketë HTML. dhe atributin e kërkuar href:
Këtu, URL-ja është adresa e dokumentit ku duhet të shkoni. Dhe teksti i hiperlidhjes që ndodhet midis etiketave dhe, quhet spiranca e lidhjes dhe është e dukshme për vizitorin e faqes së internetit. Përveç faktit që teksti i lidhjes (ankorimi) informon lexuesin se ku do të bëhet kalimi, ai është ende shumë i rëndësishëm në optimizimin e motorëve të kërkimit (SEO), pasi shërben si një nga faktorët përcaktues që ndikon në renditjen e faqen tuaj për fjalët kyçe të përfshira në këtë spirancë. Në mënyrë tipike, ky lloj renditjeje quhet renditja e lidhjeve.
Lidhje absolute
Ato përdoren për të drejtuar një dokument në një faqe tjetër (lidhje e jashtme).
Lejohet të bëhen lidhje absolute brenda të njëjtit sajt, por është më e saktë të përdoren adresa relative që duken më të shkurtra për të krijuar një lidhje të brendshme. Por, duke analizuar faqe të ndryshme, vura re se shumica dërrmuese e webmasterëve bëjnë lidhje të brendshme me adresa absolute. Këtu ka një plus, sepse nëse faqja juaj kopjohet, atëherë në këtë mënyrë do të merrni lidhje të jashtme që punojnë prapa.
Siç mund ta shihni, lidhjet absolute janë të thjeshta. Është më e vështirë me ato relative, sepse kur i krijoni, duhet të kuptoni se cila vlerë e atributit href duhet të specifikohet, pasi varet nga vendndodhja origjinale e dokumenteve. Siç thashë, askush nuk shqetësohet vërtet me këtë dhe i bën të gjitha lidhjet në faqe absolute. Sidoqoftë, nëse jeni të interesuar të mësoni më shumë se si të krijoni saktë lidhje relative për një faqe, unë mund të rekomandoj një artikull nga Dmitry, autori i blogut ktonanovenkogo.ru. Nuk kam parë ende një shpjegim më të detajuar dhe të kuptueshëm.
Si shembull, unë do t'ju tregoj se si do të duket lidhja me skedarin në lidhje me rrënjën e faqes (thjesht prisni gjithçka në të majtë të vijës së tretë të pjerrët në të njëjtën lidhje absolute):
Lidhje relative
Në kryesore
Teksti i lidhjes (spirancë)
Ngjyrat dhe pamja e tekstit pop-up varen vetëm nga cilësimet e sistemit operativ dhe shfletuesit.
Si të hapni një lidhje në një dritare të re.
Si parazgjedhje, kur klikoni në lidhjen, një dokument i ri do të hapet në dritaren aktuale. Sidoqoftë, kur shfletoni faqe, kjo nuk është e përshtatshme për mua personalisht. Duke lexuar artikullin dhe duke ndjekur lidhjen, është e përshtatshme për mua që faqja të hapet në një dritare të re dhe mund të vazhdoj të lexoj artikullin e mëparshëm në çdo kohë. Një arsye tjetër për të hapur një lidhje në një dritare të re është se kur shkoni në faqen e dikujt tjetër, ekziston një probabilitet i lartë që lexuesi të mos kthehet më. Sidomos nëse ai bën disa kalime dhe thjesht nuk kujton se ku ishte disa minuta më parë.
Atributi objektiv i etiketës do të na ndihmojë të hapim lidhjen në një dritare të re. ... Ai vendoset në _self, i cili zakonisht nuk shkruhet. Për të hapur dokumentin në një dritare të re, ndryshoni vlerën e atributit të synuar në _blank:
| 1 | <a href = "http: // site" target = "_blank"> Dritare e re</ a> |
Dritare e re
Po sikur, kur vizitoni faqen e dikujt tjetër, ku hapen lidhjet në dritaren aktuale, dëshironi t'i hapni ato në një të re? Thjesht duhet të klikoni mbi to jo me një buton, por me timonin e miut. Në këtë rast, një faqe e re do të hapet në një dritare të re.
Si të lidheni me e-mail (adresa e-mail).
Kur klikoni në këtë lidhje, do të hapet programi i paracaktuar i postës elektronike, ku tashmë do të plotësohet fusha "Për". Për të plotësuar automatikisht temën e letrës, duhet të bëni një lidhje me një e-mail të llojit të mëposhtëm:
Në vend të fjalëve "shkronja_subjekt", duhet të shkruani temën e dëshiruar dhe, natyrisht, me shkronja latine. Ne e bëjmë këtë sepse shumë shfletues dhe programe të postës elektronike nuk funksionojnë mirë me cirilik dhe ka një shans për të parë të gjitha llojet e krakozyabry në rreshtin e temës. Duke përdorur këtë këshillë jo të ndërlikuar, mund të krijoni një lidhje me email pa frikë nga surprizat e panevojshme.
Si të bëni një foto një lidhje.
Këtu, atributi i titullit është një këshillë veglash dhe teksti i specifikuar në atributin alt (burimi alternativ i informacionit) do të shfaqet në faqe nëse shfaqja e imazheve është e çaktivizuar në shfletues. Nëse atributi i titullit është kryesisht për lehtësinë e lexuesve, atëherë atributi alt përdoret nga motorët e kërkimit në përpjekje për të kuptuar atë që tregohet në foto. Rekomandohet të përshkruani fjalë kyçe në këto etiketa, të cilat do të kenë një rëndësi të madhe në optimizimin e motorëve të kërkimit. Në fund të fundit, askush nuk e anuloi kërkimin me fotografi.
Si të krijoni një hiperlidhje (spirancë html) në një faqe HTML.
Më lart, ne kemi konsideruar tashmë se si të krijojmë një lidhje në një faqe siti, nuk ka rëndësi të brendshme apo të jashtme. Por ndonjëherë, ju duhet të krijoni hiperlidhje brenda të njëjtës faqe interneti. Per cfare? Epo, për shembull, në mënyrë që kur lexojmë një tekst shumë të gjatë, të kemi mundësinë të hidhemi shpejt në çdo pjesë të tij. Ose do t'ju vijë në ndihmë kur në fillim të artikullit të publikoni pikë për pikë përmbajtjen e tij. Më pas, duke klikuar mbi artikullin e dëshiruar, do të shkoni menjëherë te materiali që ju intereson. Kalime të tilla bëhen me ndihmën e etiketave të para-instaluara të faqeshënuesve në trupin e artikullit, të quajtur ankorë html (ankorimi, që nuk duhet ngatërruar me një ankorë teksti) dhe lidhje të veçanta hash.
Për të krijuar një spirancë, së pari ne bëjmë një faqerojtës me çdo emër (përdoren vetëm shkronja latine, numra, vizë dhe vija e poshtme), të vendosur duke përdorur atributin e emrit të etiketës :
Lart
| 1 | <a href = "javascript: lëviz (0,0);" > |
Dmitry KtoNaNovenkogo këshillon një mënyrë tjetër për vendosjen e faqeshënuesve në tekstin e një faqeje interneti, pa përdorur ankorat html. Për ta bërë këtë, ne bëjmë një faqerojtës nga çdo etiketë HTML në faqe duke i caktuar një atribut universal id. Për shembull, le të shënojmë nga etiketa e titullit h3:
Teksti i titullit
Është e rëndësishme të shkruani një shkronjë latine në atributin id si karakterin e parë të emrit të ankorimit, pastaj mund të përdorni çdo karakter tjetër të lejuar.
Le të kthehemi te titulli ““ për shembull, dhe më pas të vazhdojmë.
Ju mund të përdorni lidhjet hash për të shkuar në vendndodhjen e dëshiruar jo vetëm brenda një faqeje, por edhe për të shkuar në një faqe tjetër në faqe. Për ta bërë këtë, ne vendosim ankorimin html në vendin e duhur në faqen e dëshiruar dhe në vetë lidhjen hash, përpara simbolit hash, shkruajmë adresën e kësaj faqeje. Për shembull:
Lidhni tekstin me html anchor-bookmark
Llojet dhe ngjyrat e hiperlidhjeve në HTML.
- Lidhje e pavizituar - blu dhe nënvizuar.
- Lidhja aktive - bëhet e kuqe gjatë kohës midis klikimit të një lidhjeje dhe fillimit të ngarkimit të një faqeje të re. Është e qartë se ajo është në këtë gjendje për një kohë shumë të shkurtër.
- Lidhja e vizituar - ndryshon ngjyrën e saj në vjollcë pasi klikoni mbi të.
Ju mund të ndryshoni ngjyrën e hiperlidhjeve në një dokument html duke përdorur etiketën
dhe atributet e tij të mëposhtme:- Link - ngjyra e lidhjeve të pavizituara.
- Alink - ngjyra e lidhjes aktive.
- Vlink - ngjyra e lidhjeve të vizituara.
Të gjitha atributet e mësipërme mund të kombinohen:
| 1 | <lidhja e trupit = "# 1122cc" vlink = "# 6611cc" alink = "# d14836"> |
Shpresoj se tani është e qartë se si të krijohet një hiperlidhje në një faqe HTML dhe në një e-mail, si të bëhet një lidhje një foto, çfarë janë ankorat e tekstit, lidhjet hash dhe ankorat html, çfarë janë etiketat html dhe atributet e lidhjeve. Unë u përpoqa të shpjegoj në detaje se çfarë janë lidhjet në HTML dhe çfarë janë ato. Më lejoni t'ju kujtoj se futja e hiperlidhjeve në tekst kryhet vetëm në modalitetin HTML.
Unë kurrë nuk kam shkruar artikuj kaq të gjatë, më shumë se 10,000 karaktere. Por kjo temë e lidhjeve nuk është ezauruar, për të vazhduar.
Nëse ky artikull ishte i dobishëm për ju, ju lutemi klikoni në butonat e mediave sociale më poshtë. Derisa të takohemi sërish në faqe!
- zgjidhni lidhjen,
- kliko me të djathtën për të shfaqur një menu
- dhe pastaj kliko me të majtën mbi "Kopjo" në menynë që shfaqet:
Ne kthehemi në Subscribe.ru në grupin "Arsimimi kompjuterik". Këtu, në komente, duhet të shkruani tekst ose të futni një lidhje si http: //… .., e cila në këtë rast do të perceptohet si tekst i zakonshëm. Zgjidhni këtë tekst (siç tregohet më poshtë) dhe ikona "zinxhir" (e rrethuar me të kuqe në foto) bëhet "aktive":
Klikoni me të majtën në ikonën "zinxhiri". Kjo do të hapë dritaren Shto / Ndrysho lidhjen. Këtu në dritaren "Adresa e lidhjes" duhet të futni adresën e lidhjes së kopjuar më parë, e cila është tashmë në kujtesën e fragmenteve. Për ta bërë këtë, mund të klikoni me të djathtën dhe të klikoni në opsionin "Paste" në menunë rënëse. Në dritaren "Hap në ..." është më mirë të vendosni "dritare e re".
Tani gjithçka që mbetet është të klikoni në butonin "Fut". Siç tha një nga anëtarët e grupit, lidhja arriti të "mbushet", dmth. është bërë një hiperlidhje me një theks të veçantë blu.
Përshëndetje, lexues i dashur! Sot do të analizojmë se si të krijojmë hiperlidhje në një Word (redaktues nga paketa e Microsoft Office). Më lejoni t'ju kujtoj se një hiperlidhje përbëhet nga një ankorë (tekst ose foto) dhe një tregues (adresa e objektit në të cilin do të bëhet kalimi). Objekti në të cilin të çon hiperlidhja mund të jetë një faqe interneti, një fotografi, një program, një adresë e-mail, etj.
Lidhja me një faqe interneti
Për të treguar një burim në internet në një dokument teksti, lidhja mund të bëhet spirancë ose jo ankoruese. Në rastin e parë, ai do të paraqitet në formën e tekstit, dhe në të dytën, në formën e një adrese. Për shembull, le të lidhemi me.
Krijo një lidhje ankorimi
- Zgjidhni tekstin që do të jetë lidhja.
- Next Insert-Hyperlink
Në dritaren që hapet, duhet të tregoni adresën e burimit në internet (e theksuar me të kuqe), të cilës i referoni lexuesit. Fusha e tekstit (e theksuar me jeshile) përmban tekstin e ankorimit që u zgjodh kur u krijua lidhja.
E rëndësishme! Në fushë Lidhu me: duhet të tregohet skedar, faqe interneti(shih foton më lart).
Nëse dëshironi që një këshillë shpjeguese të shfaqet kur kaloni kursorin mbi lidhjen, klikoni butonin të dhëna dhe shkruani në tekst duke shpjeguar adresën e tranzicionit. Në shembullin tonë, kjo mund të jetë: "Motori i kërkimit Yandex".
Krijo një lidhje jo ankoruese
Është edhe më e lehtë këtu. Kopjoni adresën e burimit nga shfletuesi ose shkruajeni vetë, ngjiteni në tekst dhe shtoni një hapësirë pas tij. Adresa do të bëhet automatikisht një hiperlidhje.
Nëse kjo nuk ndodh, atëherë duhet të kontrolloni opsionin AutoCorrect në cilësimet e Word. Shko brenda Skedari - Opsionet - Drejtshkrimi - Opsionet e korrigjimit automatik... Tab Format automatik kur hyni, vendosni një shenjë në " Adresat e internetit dhe shtigjet e rrjetit"(E theksuar në ngjyrë kafe në foton më poshtë)
Hiperlidhja si foto
Futni figurën e dëshiruar, zvogëlojeni atë në madhësinë e kërkuar, zgjidhni atë me një klikim të mausit dhe kryeni të njëjtat veprime si të përshkruara më sipër për futjen e një lidhjeje të ankorimit, duke filluar nga hapi 2. Vizualisht, fotografia nuk do të ndryshojë, por kur rri pezull kursorin, do të shfaqet një mesazh: "Shtypni CTRL dhe klikoni lidhjen ".
Hiperlidhja si faqerojtës
Nëse në versionet e mëparshme kemi përdorur adresën e një burimi në rrjet si një tregues, tani është e nevojshme të vendosni një shënues në tekst. Do të jetë adresa e transferimit. Një shënues i tillë në Word quhet faqerojtës.
Vendosni faqeshënuesit
Shkoni te paragrafi i dëshiruar i tekstit, zgjidhni fjalën e parë (opsionale).
Kujdes! Titulli i faqeshënuesit duhet të jetë një fjalë. Nëse dëshironi të bëni një titull nga dy ose më shumë fjalë, përdorni një nënvizim në vend të një hapësire.
Kështu, ne rregullojmë numrin e kërkuar të faqerojtësve. Në dritare, ne mund të kontrollojmë korrektësinë e cilësimit të faqerojtësve. Për ta bërë këtë, zgjidhni atë në listë dhe klikoni butonin Shkoni në... Kursori juaj do të zhvendoset në vendndodhjen e specifikuar në tekst. Dhe nëse keni zgjedhur një fjalë kur krijoni një faqerojtës, atëherë ajo do të zgjidhet.
Krijimi i lidhjeve me faqeshënuesit
Specifikoni një faqerojtës dhe klikoni butonin Ne rregull.
Këto janë teknikat që mund të përdorni kur krijoni lidhje në dokumente tekstuale. Shpresoj se ky informacion ishte i dobishëm për ju. Ndani këtë artikull në mediat sociale në mënyrë që miqtë tuaj të mund të ngulitin hiperlidhjet në mënyrë korrekte edhe në Microsoft Word.
I dashur lexues! Ju e keni parë artikullin deri në fund.
A morët një përgjigje për pyetjen tuaj? Shkruani disa fjalë në komente.
Nëse nuk mund të gjeni një përgjigje, tregoni atë që po kërkoni.
Ditë të mbarë për të gjithë, miqtë e mi të dashur dhe të ftuar të blogut tim. Sot tema do të jetë mjaft interesante, por shumë e shkurtër, pasi dua t'ju tregoj se si të krijoni një hiperlink në një Word. Për ata që nuk e dinë, kjo do të thotë që kur klikojmë në një fragment të tillë të dokumentit (tekst ose foto), mund të shkojmë në një vend tjetër, një dokument tjetër, apo edhe në një burim të jashtëm. Por le të flasim për gjithçka në rregull.
Në fakt është shumë e thjeshtë këtu. Nëse duam ta bëjmë atë në mënyrë që kur të klikojmë në adresën e faqes, të arrijmë tek ajo, atëherë thjesht duhet të shkruajmë këtë adresë dhe të shtypim shiritin e hapësirës. Për shembull, nëse shkruaj adresën e plotë të burimit tim https: // faqen dhe kliko, atëherë kjo fjalë do të bëhet automatikisht e klikueshme, pasi ajo pa protokollin http: // dhe përfundimin ru. Kjo e bën Word-in të kuptojë se ne po hyjmë në faqe.
Por nëse përpiqem të shkruaj një faqe interneti të thjeshtë pa protokoll, atëherë një mashtrim i tillë nuk do të dështojë, pasi tani ai nuk kupton asgjë dhe gjithçka do të duhet të bëhet me dorë. Për ta kuptuar këtë, duhet të specifikoni pjesët ndihmëse, për shembull, protokollin (http: //, https: //, ftp: //), ose përndryshe duhet të tregoni përkatësinë në internet duke vendosur përpara adresë Www.
Posta funksionon në të njëjtën mënyrë. Shenja @ jep një aluzion se adresa e emailit tani do të jetë dhe gjithashtu e bën atë aktive.
Por nëse papritmas dëshironi të shkruani një lidhje ankorimi në mënyrë që vetë adresa të mos shfaqet, por të shkruhet një fjalë, për shembull "Lexo këtu" ose një kërkesë specifike, atëherë, siç e përshkrova më lart, nuk do të funksionojë. Ju do të duhet të bëni gjithçka me dorë.
Për ta bërë këtë, zgjidhni fjalën që duam t'i japim vetinë e klikueshmërisë dhe kliko me të djathtën mbi të. Aty do të duhet të klikoni mbi fjalën "Hyperlink".
Dhe në dritaren e sapohapur, shkruani adresën e burimit me të cilin dëshironi të lidheni. Vetëm sigurohuni që të jeni në skedën "Skedar, faqe në internet"... Pas kësaj shtypim Ne rregull dhe voila! Gjithçka është gati.
Për të krijuar një lidhje me tekstin në të njëjtin skedar, së pari duhet të krijoni një titull ose faqerojtës. Ne po kërkojmë atë pjesë të tekstit ku do të lëvizim duke klikuar mbi fjalën origjinale. Klikoni mbi të me miun (nuk është as e nevojshme të zgjidhni një fjalë) dhe shkoni te skedari "Fut". Atje, kërkoni bllokun "Lidhjet", i cili do të përmbajë artikullin "Bookmarks". Klikoni mbi të.
Në dritaren që hapet, shkruani emrin e këtij faqeshënuesi me një fjalë (ose, pasi të keni bashkuar dy fjalë me një nënvizim, viza nuk do të funksionojë). Duhet të përbëhet vetëm nga shkronja, numrat nuk do të funksionojnë. Pas kësaj, klikoni "Shto".
Epo, tani zgjedhim fjalën që duhet të bëhet e klikueshme, pas së cilës përsëri shtypim butonin e djathtë të miut dhe zgjedhim artikullin "Hyperlink". Tani, në dritaren që hapet, shkoni te skeda "Vendi në dokument"... Siç mund ta shihni, faqerojtësi ynë i krijuar është aktivizuar. Zgjidhni atë dhe klikoni Ne rregull.
Tani përpiquni të klikoni mbi këtë fjalë me një të mbërthyer CTRL, dhe nuk do të vini re se si e gjeni veten në të njëjtin faqerojtës që kemi krijuar më parë. Shumë i përshtatshëm, apo jo?
Si të lidheni me një dokument tjetër
Përveç sajtit dhe një fragmenti në të njëjtin skedar, mund të lidheni me çdo dokument të jashtëm. Për ta bërë këtë, mjafton vetëm të bëjmë sërish veprimet tona rutinë, si zakonisht, d.m.th. zgjidhni - butoni i djathtë i miut - hiperlidhja. Dhe ne, si në rastin e parë, do të duhet të zgjedhim skedën "Skedar, faqe në internet"... Por tani nuk do t'ju duhet të shkruani adresën e një burimi të jashtëm në internet, por do t'ju duhet të gjeni skedarin që dëshironi të hapni kur klikoni në lidhje.
Epo, në përgjithësi, kjo është e gjitha për mua. Shpresoj që falë artikullit tim sot, të keni kuptuar se si të krijoni një hiperlidhje në një Word dhe të llojeve të ndryshme. Pra, mos harroni të regjistroheni në përditësimet e blogut tim, në mënyrë që të mos humbisni diçka të shijshme dhe interesante. Ju pres, ju urojmë fat. Mirupafshim!
Përshëndetje, Dmitry Kostin.
Tipari kryesor i një dokumenti HTML është prania në të hiperlidhjet(ose thjesht lidhje) me dokumente të tjera, sajte, skedarë, fotografi, etj. Është aftësia për të futur lidhje me objekte jashtë tij në faqe që e bënë internetin kaq popullor dhe të përshtatshëm për t'u përdorur. Prandaj, kur krijoni faqen tuaj, mbani mend gjithmonë për "magjinë" e lidhjeve.
Në këtë mësim do të flasim për si të krijoni një lidhje në sajtin, në faqen ose skedarin e tij të veçantë. Do të mësoni se si të ndryshoni tekstin e një lidhjeje, si ta hapni atë në një dritare të re, si ta bëni një lidhje një foto, çfarë janë lidhjet e jashtme dhe të brendshme dhe shumë më tepër. Plus, ju tashmë keni informacione rreth punës me lidhje, të cilat i kemi prekur në mësimet e mëparshme (për shembull, si mund të ndryshoni ngjyrën e një lidhjeje për të cilën folëm).
Në përgjithësi, ky tutorial do ta bëjë të plotë dhe të mjaftueshëm kuptimin tuaj për ndërtimin e lidhjeve. Do të kuptoni se si të krijoni një hiperlink në HTML dhe pse. Dhe do të mësoni të kontrolloni vetitë e tij.
§ 1. Lidhje me skedarin, lidhje me faqen, lidhje me faqen
Pyetjet e shumta në lidhje me ndryshimin midis një lidhjeje në një skedar dhe një lidhjeje në një sajt ose një faqe të veçantë më bënë që t'i përgjigjem asaj që në fillim të këtij mësimi. Përgjigja është: asgjë. Të gjitha lidhjet e listuara janë të jashtme origjinale faqe dhe krijohen në të njëjtën mënyrë.
Për të mos përhapur mendimin përgjatë pemës, unë do të tregoj gjithçka me një shembull.
Në shfletues, ne do të shohim këtë:
Në shfletues, ne do të shohim këtë:
Siç mund ta shihni, të gjitha llojet e lidhjeve krijohen saktësisht njësoj. Dallimi i vetëm është adresë objekti që do të referohet. Tani le të kalojmë në pjesën kryesore të tutorialit.
§ 2. Krijimi i lidhjeve të jashtme
Referencat ndryshojnë nga njëra-tjetra nga e jashtme dhe e brendshme si dhe në teksti dhe grafike... Lidhjet e jashtme çojnë jashtë faqes html, të brendshme në pjesë të ndryshme e njëjta faqet. Lidhjet e tekstit janë tekst (si parazgjedhje, janë të theksuara me blu dhe të nënvizuara), dhe lidhjet grafike përmbajnë një fotografi si një objekt mbi të cilin duhet klikuar për të lundruar. Të gjitha këto lloje lidhjesh krijohen në HTML duke përdorur një etiketë (shkurt për ankorimin). Le ta shqyrtojmë më në detaje.
Për të krijuar një lidhje të jashtme në një sajt, faqe ose skedar, përdorni atributin e etiketës - href... Ky atribut merr si vlerë Url faqe, faqe ose skedarë (për këtë folëm më lart). Midis etiketave dhe është pjesa e dukshme e lidhjes (spiranca e lidhjes), domethënë ajo që shohim në ekranin e shfletuesit. Ankorimi i lidhjes mund të jetë ose tekst i thjeshtë (lidhje teksti) ose imazh grafik (lidhje-foto). Një lidhje me foto krijohet duke futur një etiketë të njohur midis etiketave dhe. Në përgjithësi, sintaksa për krijimin e një lidhjeje duket si kjo:
Për shembull, për të krijuar një lidhje teksti në faqen kryesore të kësaj faqeje, ju do të shkruani kodin e mëposhtëm HTML:
http://www.seoded.ru/ "> Faqja kryesore e faqes
Në shfletues do të duket kështu:
Siç shkrova në fillim të këtij mësimi, ngjyra e tekstit të lidhjeve (ankorimi) mund të ndryshohet duke përdorur. Në përgjithësi, mund të aplikoni gjithçka në tekstin e lidhjeve si në tekstin kryesor të faqes, domethënë, ta theksoni atë me shkronja të theksuara, të pjerrëta, të përdorni titujt, etj.
§ 2.1 Lidhje grafike (lidhje me foto)
Siç thashë më lart, për të krijuar një imazh-lidhje, duhet të përdorni në vend të tekstit. Një shembull i një lidhjeje të tillë duket si ky:
Dhe shfletuesi do të tregojë:
Si parazgjedhje, shfletuesi e rrethon figurën në lidhjen grafike me një kornizë. Nëse kjo është e padëshirueshme, atëherë atributi kufiri etiketë IMG ju duhet të caktoni vlerën 0:
kufiri = "0">
Faqja kryesore
§ 3. Lidhjet e brendshme
Lidhjet e brendshme përdoren për lundrim të rehatshëm në faqet me shumë përmbajtje. Ishte me ndihmën e tyre që bëra "Përmbajtja e mësimit" (shih në fillim të kësaj faqeje). Lidhjet e brendshme krijohen në të njëjtën mënyrë si lidhjet e jashtme. Vetëm në vlerën e atributit href specifikohet spiranca e lidhjes. Spiranca krijohet nga atributi emri:
name = "anchor name"> tekst
Dhe emri i spirancës është vendosur në mënyrë arbitrare. Duhet thënë këtu se jo të gjithë shfletuesit i kuptojnë emrat e ankorimit rus, kështu që unë rekomandoj përdorimin e alfabetit latin. Teksti midis etiketave për krijimin e një ankorimi është opsional dhe shpesh nuk specifikohet.
I fruthi ndodhet në ato vende të faqes ku përdoruesi duhet të shkojë pasi të klikojë në lidhje.
Siç thashë më lart, në atribut href e një lidhjeje të brendshme, në vend të një adrese, emri i spirancës së dëshiruar tregohet me simbolin e detyrueshëm hash ( # ) përballë tij. Le të marrim një shembull.
Kam krijuar një spirancë të quajtur zagolovok dhe e vendosim pranë titullit të këtij tutoriali (Hyperlinks në HTML). Kodi i ankorimit është si më poshtë:
emri = "zagolovok">
href = "# zagolovok"> Shkoni te titulli
Dhe në shfletuesin si kjo:
Nëse e keni vënë re, pasi klikoni në lidhjen e brendshme të titullit, URL-ja në shiritin e adresave të shfletuesit ndryshoi:
Në adresën origjinale:
http://www..html
http://www..html#zagolovok
Dhe duke përdorur këtë veçori, mund të lidheni me një vend specifik në faqe nga çdo burim në internet! Kjo do të thotë, le të themi se keni krijuar një faqe me një artikull voluminoz për diçka (ose keni postuar një numër të madh fotosh në faqe) dhe e keni shënuar me lidhje të brendshme. Ndërsa ishe, duhej t'i referoheshe jo vetëm faqes me artikullin (ose fotot), por një vend specifik në të (ose një foto specifike). Duke përdorur opsionin me një lidhje të brendshme në adresë, mund të arrini lehtësisht atë që dëshironi.
§ 4. Referenca absolute dhe relative
Faqja kryesore
Lidhjet relative janë pak më të ndërlikuara. Në lidhje të tilla, adresa tregohet ose relativisht dosja rrënjësore e faqes (ajo në të cilën ndodhet faqja kryesore), ose në lidhje me faqen origjinale. Lidhje të tilla nevojiten, për shembull, nëse faqja ndodhet në kompjuterin tuaj të shtëpisë. Ose nuk është një faqe interneti, por një faqe që lidhet me dokumente të tjera.
Le të heqim dorë që duhet të lidhemi me faqen klienty.html që gënjeshtra në një dosje me faqen kryesore të faqes. Pastaj kodi i lidhjes relative do të marrë formën:
/klienty.html">Klientë
Dhe tani supozoni se në të njëjtën dosje me faqen kryesore ka dosje zakazy dhe tashmë në tëështë faqja klienty.html Atëherë kodi i lidhjes relative do të bëhet kështu:
/zakazy/klienty.html"> Klientët
Tani le të shohim krijimin e hiperlidhjeve. në lidhje me faqen origjinale... Le të themi se kemi një faqe çmimi.html(faqe origjinale) dhe prej saj ju duhet të lidheni me faqen klienty.html Ekzistojnë opsionet e mëposhtme tipike:
1. Janë të vendosura faqet price.html dhe klienty.html në një dosje.
klienty.html "> Klientët
2. në dosjen rrënjë të faqes, faqja price.html gjendet në dosjen zekazi një nivel më lart).
Kodi do të bëhet si ky:
../klienty.html"> Klientët
Dy pika tregojnë se duhet të lëvizni nga dosja aktuale në një nivel më të lartë.
3. Faqja klienty.html dhe dosja zakazy janë të vendosura në dosjen rrënjë të faqes, dosje mebel gjendet në dosjen zekazi, faqja price.html shtrihet në dosjen mebel(d.m.th. faqja klienty.html është në raport me faqen origjinale të çmimit.html është dy nivele më të larta).
../../klienty.html"> Klientët
Kjo do të thotë, çdo nivel shënohet me dy pika dhe një prerje " / ».
4. në dosjen rrënjë të faqes, faqe klienty.html gjendet në dosjen zekazi(d.m.th. tani faqja klienty.html është në krahasim me faqen origjinale të çmimit.html është një nivel më poshtë).
zakazy / klienty.html "> Klientët
Në këtë rast, pikat dhe prerjet nuk përdoren.
5. Faqja price.html (faqja burimore) dhe dosja zakazy janë të vendosura në dosjen rrënjë të faqes, dosje mebel gjendet në dosjen zekazi, faqe klienty.html shtrihet në dosjen mebel(d.m.th. tani faqja klienty.html është në raport me faqen origjinale të çmimit.html shtrihet dy nivele më poshtë).
zakazy / mebel / klienty.html "> Klientët
6. Në dosjen rrënjë të faqes ka dy dosje: zakazy dhe oplata. Faqja Klienty.html gjendet në dosjen zekazi, çmimi i faqes origjinale.html shtrihet në dosjen oplata(d.m.th. të dyja faqet gënjejnë në dosje të ndryshme një nivel më poshtë nga dosja rrënjë e faqes).
../zakazy/klienty.html"> Klientët
§ 5. Lidhja me emailin
Në mënyrë që krijoni lidhjen e emailit, duhet në vend të url-së në vlerën e atributit href shkruani një adresë emaili që tregon protokollin ( mailto:). Dhe më pas, kur klikoni në një lidhje të tillë, do të hapet një dritare e programit të postës me një adresë e-mail të futur në fushën "Për". Në kodin HTML, duket kështu:
mailto: [email i mbrojtur]"> Posta ime
Dhe në shfletuesin si kjo:
Ju gjithashtu mund të përdorni atributin në etiketë titullin... Me ndihmën e tij, krijohet një këshillë mjeti që shfaqet kur kaloni miun mbi lidhjen.titulli = "(! GJUHA: Shkoni në faqen kryesore">!} Faqja kryesore
§ 7. Përfundim
Ky është informacioni bazë për krijimi i lidhjeve në HTML... Në këtë pikë, ky mësim mund të konsiderohet i përfunduar. Dhe ky fakt sugjeron që ju keni zotëruar tashmë shumicën e bazave të HTML.
Unë ju rekomandoj që tani të kaloni edhe një herë seksionet e mëparshme dhe më pas të krijoni një faqe të plotë HTML të dedikuar, për shembull, të dashurit tuaj. Sipas dizajnit tuaj dhe sipas dëshirave tuaja. Pastaj vendoseni në disa (natyrisht, nëse keni një, atëherë mbi të) dhe tashmë admironi plotësisht faqen tuaj të parë.
Mund t'ua tregoni miqve tuaj ose kujtdo tjetër. Në përgjithësi, ndjehuni si pronar i faqes. Dhe më pas, pas një qejfi të vogël në një ngjarje të tillë, kaloni në seksionin tjetër, në të cilin do t'ju tregoj për krijimin e tabelave në HTML.
Dhe ky do të jetë tashmë hapi i parë drejt kthimit të faqes tuaj personale në një burim serioz.
