Unë mendoj se ju tashmë e kuptoni se çfarë do të diskutohet në këtë kapitull.. dhe e dini se çfarë është një lidhje, nëse jo, atëherë klikoni këtu.. Ka disa lloje lidhjesh, si dhe "mekanizma" për t'i ndjekur ato. Në këtë kapitull, do të përpiqem t'ju tregoj në detaje se si të regjistroni lidhjet, si dhe t'i kushtoj ndërlikimet e punës me to.
Digresioni lirik:
Një herë në ushtri, shefi i shtabit më erdhi dhe dha një urdhër, citoj:
Ma sill atë dokument, edhe pse nuk e di ku dhe çfarë është!! Çfarë po qëndroni? Le te vrapojme!! Jam vone!!!
Pra, pse jam kështu që shfletuesi, siç bëra atëherë, të mos bjerë në hutim, duhet të dijë: emrin e saktë të dokumentit, shtegun drejt dokumentit dhe vendin ku ta sjellë atë, ose më saktë ku ta hapni.
Për momentin me ndihmën e notepad-it kemi krijuar vetëm një dokument HTML, unë e kam me emrin index.html (pse zgjodha një emër kaq të çuditshëm index.html dhe pse duhet ta shikoj) nuk nuk e di se me cilin, ju vetë e keni menduar emrin, por mendoj se ju e mbani mend dhe e dini ku qëndron, përveç nëse sigurisht jeni shefi im i kabinetit :). Në këtë dokument do të përpiqemi të krijojmë një lidhje në një dokument tjetër që nuk e kemi ende.. Pra, përpara se t'i referoheni atij, duhet ta krijoni atë Epo, ju tashmë e dini se si.
- Hap bllokun e shënimeve.
- Ne shkruajmë kodin në html. Për shembull, një faqe me një numër fotosh.
- Ne e ruajmë atë si një faqe html në të njëjtën dosje pune ku ekziston tashmë dokumenti i parë që krijuam. Le të mos ngatërrohemi, le ta quajmë primer.html dhe ndoshta edhe të parën ta riemërtojmë në index.html
Tani e di që ju keni dy dokumente html index.html dhe primer.html dhe se tani keni një grup minimal për mësim të mëtejshëm.
Lidhje me tekst.
Etiketa e njohjes (nga spiranca - spirancë), mund të bashkëngjitni tekst ose një fotografi në të, e cila do të bëhet një lidhje me dokumente të caktuara. Atributi i etiketës href specifikon emrin dhe rrugën drejt dokumentit në të cilin tregon lidhja.
Të gjitha së bashku shkruhet kështu:
Këtu janë fotot e mia!!Siç e keni kuptuar ndoshta primer.html është emri i dokumentit tonë të dytë html dhe mbishkrimi "Këtu janë fotografitë e mia!!" kjo është një pjesë e tekstit nga skedari index.html.
Për analogji me etiketën e fotografive
shtegu i lidhjes për dokumentin që hapet shkruhet në të njëjtat mënyra:
Këtu janë fotot e mia!!- Dhe kjo do të thotë që skedari primer.html vendoset një nivel më lart nga dokumenti
Këtu janë fotot e mia!!- dokumenti ndodhet në faqen e internetit www.site.ru..
Epo, le të provojmë? Më poshtë është një shembull i dy dokumenteve njëherësh në të cilat janë regjistruar lidhjet që tregojnë njëra-tjetrën.
skedar index.html:
Më thuaj, fëmijë i dashur: në cilin vesh më gumëzhin?
NË ligji ose majtas?
skedar primer.html:
Shembulli tregon se lidhjet janë të theksuara me ngjyra, si parazgjedhje blu është lidhja, dhe e kuqe është lidhja tashmë e vizituar, këto ngjyra mund të ndryshohen duke përdorur etiketën hapëse tashmë të njohur mirë për ne < body > dhe atributet e tij.
lidhje- ngjyra e lidhjes.lidhje- ngjyra e lidhjes aktive të klikuar.
vlink- ngjyra e lidhjes së vizituar.
Është shkruar kështu:
>Duke vazhduar të flasim për ngjyrën e një lidhjeje teksti, vlen të përmendet se, nëse është e nevojshme, mund të detyroni ngjyrën të theksojë të gjithë lidhjen dhe pjesët e saj individuale (fraza, fjalë, shkronja) me një etiketë të njohur. dhe atributin e tij ngjyrë. Sidoqoftë, kjo vlen jo vetëm për ngjyrën, por gjithashtu veçmas ju mund të vendosni madhësinë, stilin dhe fontin e tekstit. Por mbani mend se manipulimi i ngjyrave duhet të bëhet brenda etiketës këtu dhe jo jashtë bordit, përndryshe ngjyra e lidhjes do të jetë ose si parazgjedhje ose siç shkruhet në etiketë
skedar index.html:
link="#008000" alink="#ff0000" vlink="#ffff00">
Kërkoni një frazë që do t'ju ndihmojë të mbani mend vendet e ngjyrave në ylber.
R
POR
D
Në
G
POR
skedar primer.html:
link="#008000" alink="#ff0000" vlink="#ffff00">
Çdo
gjahtar
dëshirat
e di
ku
ulet
fazani
Kthehuni në faqen kryesore
Një nga faqet tuaja në faqe detyrimisht duhet thirrur index.htmlËshtë skedari me këtë emër në faqen tuaj që programi robot do të kërkojë kur një person fut emrin e faqes tuaj. Që nga faqja index.html do të hapet së pari, do ta bëjë atë kryesore. Pjesa tjetër e faqeve mund t'i quani si të doni ... nuk ka më nuanca me emra.
Për rastin Kur shkruani emrat e shtigjeve dhe dokumenteve, mbani mend se, për shembull: Page.html, page.html dhe PAGE.html janë emrat e dokumenteve të ndryshme! E njëjta gjë vlen edhe për emrat e faqeshënuesve dhe vizatimet. Jini gjithmonë të ndjeshëm kur shkruani kodin, ka shumë mundësi që emra të tillë të mos njihen nga një shfletues i caktuar. Bëjeni rregull që të shkruani gjithçka dhe t'i thërrisni emrat me shkronja të vogla latine, atëherë rreziku i faktorit njerëzor dhe turbullirat e programeve do të reduktohet në zero.
Rregulli me tre klikime.
Mundohuni të formoni një "pemë lidhjesh" në mënyrë të tillë që vizitori i faqes të mund të marrë nga çdo faqe e saj në çdo vend të sajtit për numrin minimal të klikimeve në lidhje. Më shumë se tre kalime në vendin e duhur në sit nuk janë më të mira.. Ngarkimi i pafund i faqeve që një person nuk ka nevojë mund të çojë në avari nervor dhe mbyllje të parakohshme të faqes. Kurseni kohën, paratë dhe nervat e njerëzve.
Hiperlidhjet u shpikën për të lidhur dokumentet në rrjet me njëri-tjetrin, dhe nëse faqja juaj nuk përbëhet nga një faqe, por nga disa, atëherë mund t'i lidhni ato së bashku vetëm duke krijuar hiperlidhje. Le të shohim drejtpërdrejt një shembull se si duket.
Krijoni një hiperlidhje të thjeshtë
Shkoni në një faqe tjetër
Gjithçka është e thjeshtë këtu, për të krijuar një hiperlink ne përdorim etiketën ku href=”” është adresa e faqes në të cilën do të bëhet kalimi, në rastin tonë kjo faqe ndodhet në të njëjtin direktori. Ju gjithashtu mund të futni këtu një adresë si href="http://site.ru/page.html" ose mund të jetë një lidhje për një arkiv të vendosur në një dosje tjetër në faqen tuaj href="arj/arhiv.zip" ose në ndonjë dokument tjetër, që në fakt nuk ka rëndësi. Gjithashtu, një atribut i detyrueshëm i çdo hiperlidhjeje është titulli, ky është një përshkrim i lidhjes, ky është një element shumë i rëndësishëm në optimizimin e motorëve të kërkimit dhe këtu shkruani fjalët kyçe të faqes ose dokumentit të cilit i referoheni. Teksti që ndodhet midis etiketës quhet spirancë dhe është gjithashtu shumë i rëndësishëm.
Hapja e një lidhjeje në një faqe të re
Ekziston një atribut tjetër interesant që mund t'ju duket i dobishëm:
Shkoni në një faqe tjetër
Atributi target me vlerën _blank hap lidhjen në një dritare të re, kjo përdoret shpesh nëse nuk dëshironi që personi të humbasë faqen tuaj dhe në të njëjtën kohë të marrë informacionin që i nevojitet vetëm në një skedë ose dritare të re.
Lidhjet e imazhit
Rezultati në shfletues:
Në thelb, gjithçka është e thjeshtë këtu, vendosa etiketën e imazhit midis etiketës së hiperlidhjes hapëse dhe mbyllëse , por përsëri, unë nuk futa vetëm dy imazhe, ia caktova klasën img njërës në të cilën rivendos kornizën rreth imazhit, pasi kur bëhet hiperlink shfaqet, por jo në të gjithë shfletuesit, për shembull IE ju do shikoni, por jo në Google Chrome.
Nënvizimi në lidhje
Shkoni në një faqe tjetër
Shkoni në një faqe tjetër
Për qartësi, unë dhashë dy opsione për zgjidhjen e këtij problemi, ia caktova një përzgjedhësi të klasës dhe duke e përshkruar këtë klasë do të hiqni nënvizimet e panevojshme në vende të veçanta. Zgjidhja e dytë e problemit është heqja e nënvizimit nga të gjitha lidhjet në etiketë<а>, gjë që sigurisht rrallë shkakton nevojë, por gjithsesi dija nuk është e tepërt.
Lidhjet brenda një dokumenti
Nuk është e pazakontë që një dokument të jetë mjaft i gjatë dhe në fillim të faqes krijohet një menu e vogël me lidhje për nënseksionet e kësaj faqeje. Këto lidhje quhen lidhje brenda dokumentit, dhe e gjithë kjo zbatohet mjaft thjesht. Për të filluar, spiranca vendosen në dokument, këto janë shenja, ato vendosen në dokument ku do të jetë e nevojshme të lëvizni kur klikoni në një lidhje të brendshme, si rregull, këto janë titujt e seksionit, etiketa duket si kjo:
Dhe gjëja e fundit që duhet të dimë për hiperlidhjet janë lidhjet me kutitë postare elektronike, ajo zbatohet shumë thjesht, thjesht shtoni një postë në: hyrje në atributin href dhe adresën e kutisë postare:
Kjo përfundon mësimin "Krijimi i hiperlidhjeve në html", siç mund ta keni vënë re, ne nuk bëmë pa CSS këtu, në përgjithësi, materiali është mjaft i thjeshtë, mendoj se gjithçka do të jetë e thjeshtë dhe e qartë për ju, shkruani pyetje.
Data e publikimit: 2014-04-23
Hiperlidhjet janë një nga komponentët më të rëndësishëm të dokumenteve html. Falë këtij komponenti, si dhe lidhjeve të zakonshme, Interneti është kaq i lehtë për t'u përdorur. Ne do të shikojmë opsionet më të thjeshta për futjen e hiperlidhjeve që do t'ju ndihmojnë, si programues fillestar, të zotëroni këtë mësim.
Si të krijoni një hiperlink në html?
Ky kod do të funksionojë vetëm në faqen tuaj, nuk do të funksionojë për lidhje të jashtme.
< a href=" *** ">***** < /a>
Shembull:
< a href="https://сайт/">revista si të bëjmë gjithçka< /a>
Në shfletues do të duket kështu:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Si të bëni tranguj të kripur?< /a>
Në shfletues do të mund të shohim sa vijon:
Si të krijoni një hiperlidhje në html në një faqe të jashtme?
Për lidhjet e jashtme, kodi duhet të modifikohet pak. Për t'u lidhur me një faqe tjetër, përdorni kodin:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Jemi në kontakt "Si të bëjmë gjithçka"< /a>
Një hiperlidhje mund të lidhë faqe brenda të njëjtit sajt ose të drejtojë në çdo faqe në internet. Kur ndërtoni një lidhje me faqet e njerëzve të tjerë, duhet të përdorni gjithmonë adresën absolute të faqes (http://www.site.com/page.html). Nëse një lidhje është duke u krijuar në një faqe brenda një sajti, preferohet të përdoret një URL relative (page.html, catalog/page.html). Kur krijoni një lidhje grafike, mbani në mend se grafika mund të mos jetë e disponueshme për disa përdorues, prandaj sigurohuni që të përfshini elemente të përshtatshme teksti.
Shembull:
Hiperlidhja brenda faqes html
Ndonjëherë është e nevojshme të krijoni një hiperlidhje brenda së njëjtës faqe. Për shembull, në këtë faqe, këto janë hiperlidhje në fillim të mësimit, që ju lejojnë të shkoni për të parë një pyetje specifike, dhe në fund të faqes, duke ju lejuar të shkoni në krye të faqes.
Shembull:
Hiperlidhja e postës
Shembull:
|
Kodi HTML: [email i mbrojtur] |
Shfaq në shfletues: |
Hapja e faqeve html në një dritare të re
Duke përdorur atributin TARGET, mund ta ngarkoni faqen në një dritare të re të shfletuesit. Ky atribut përdoret për të vendosur emrin e dritares. Emri i dritares përdoret për qëllime shërbimi. Për të hapur një faqe në një dritare të re, përdorni konstantën _blank.
Shembull:
Ngjyra e tekstit të hiperlidhjes
Atributet LINK, ALINK, VLINK vendosin ngjyrën e shkronjave për hiperlidhjet.
Atributi LINK përdoret për të theksuar hiperlidhjet që nuk janë vizituar ende nga përdoruesi.
Urdhri i hiperlidhjes
Disa shfletues mund të mbështesin aftësinë për të ndjekur hiperlidhjet duke përdorur tastin Tab. Në këtë rast, shfletuesi i paracaktuar thekson lidhjet në rendin që shfaqen në tekstin e faqes. Ju mund të ndryshoni rendin e tranzicionit duke përdorur atributin TABINDEX të etiketës . Për të përfshirë një hiperlidhje në listën që përshkruan rendin e ri të navigimit, vendosni atributin TABINDEX në një numër të plotë pozitiv në rangun nga 1 në 32767. Për të përjashtuar një hiperlidhje nga lista, vendosni atributin në çdo numër negativ. Kur përdoruesi shtyp tastin TAB, kursori kalon te hiperlidhja me vlerën më të ulët të indeksit pozitiv. Nëse disa lidhjeve u është caktuar e njëjta vlerë indeksi, e para e përzgjedhur do të jetë ajo që është më e lartë në tekstin e faqes.
Duhet të theksohet se atributi TABINDEX mund të përdoret për të zgjedhur objekte të tjera, siç janë grafika.
"Hiperlidhjet në HTML" është mësimi i pestë i tutorialit HTML. Ky mësim do të fokusohet në përdorimin e lidhjeve të hipertekstit. Çdo dokument ueb bazohet në lidhje hiperteksti, kështu që çdo web master duhet të jetë në gjendje të punojë me lidhje.
Rregullat për përdorimin e lidhjeve të hipertekstit.
Hiperlidhjet në HTML janë të nevojshme për lidhjen e dokumenteve të ndryshme, si brenda së njëjtës faqe, ashtu edhe brenda gjithë Internetit. Për të krijuar lidhje hiperteksti (hiperlidhje), përdoret një përshkrues :
Atributi href përdoret për të kaluar adresën e dokumentit ku tregon lidhja.
Një shumëllojshmëri e gjerë objektesh mund të veprojnë si hiperlidhje, duke përfshirë imazhet:
– meta etiketat në HTML.
Ju mund t'i referoheni jo vetëm dokumenteve të ndryshme, por edhe pjesëve të ndryshme të këtyre dokumenteve. Për ta bërë këtë, në një pjesë të dokumentit, është e nevojshme të vendosni të ashtuquajturën ankorë - një konstruksion i formularit, dhe më pas t'i referoheni asaj duke specifikuar kodin e mëposhtëm në atributin href:
href="http://www.site.#emri spirancë"
Nëse shfletuesi nuk mund të gjejë spirancën e specifikuar të emërtuar në faqen e thirrur, atëherë kalimi thjesht do të shkojë në fillim të dokumentit dhe nuk do të ketë gabime.
Lidhjet e hipertekstit mund të zbatohen mbi një sërë protokollesh. Më të përdorurat janë renditur më poshtë:
- http- protokoll - një protokoll standard për lidhjet e hipertekstit, i krijuar për një transmetim një herë të blloqeve të informacionit.
- FTP– protokoll – protokoll universal i transferimit të skedarëve. Kërkon autorizim.
- MAILTO– protokolli standard i transferimit të postës.
Vendosja e hiperlidhjeve në HTML.
Atributi objektiv i etiketës përcakton se si do të hapet një faqe e re dhe merr vlerat e mëposhtme:
- _self - dokumenti do të hapet në dritaren aktuale
- _parent - në kornizë - prindi i kornizës aktuale
- _top - në dritaren kryesore të të gjithë strukturës së kornizës
- _blank - dokumenti do të hapet në një dritare të re
Për shembull, për të hapur një faqe me kontakte në një dritare të re, duhet të përdorni kodin e mëposhtëm:
- Link - përcakton pamjen e lidhjeve të pavizituara.
- Alink - përcakton pamjen e lidhjeve tashmë të vizituara.
- Vlink - përcakton pamjen e lidhjeve të zgjedhura.
Në mësimin tjetër, do të flasim për punën me grafikë në HTML: do të mësojmë se si të futim imazhe, të personalizojmë pamjen e tyre, etj.
