Ang mga hyperlink ay ang pundasyon kung saan itinatayo ang istraktura ng Internet. Ang mga sangkap na ito ng mga pahina sa Internet na nagbibigay-daan sa iyo upang maiugnay ang mga pahina ng mga site sa isang solong network. Tingnan natin nang mabuti kung paano ipinasok ang mga hyperlink sa mga dokumento.
Panuto
Hakbang 1
Ang mga hypertext na link ay idinisenyo upang mai-link ang teksto, mga imahe, o iba pang mga elemento ng pahina sa iba pang mga dokumento ng hypertext. Ang lahat ng mga elemento ng isang pahina ng site, kasama ang mga link, ay nilikha ng browser, na tumatanggap ng detalyadong mga tagubilin mula sa code ng pahina na ipinadala dito ng server. Ang HTML (HyperText Markup Language) na code na ito ay binubuo ng "mga tag" na naglalarawan sa uri, hitsura, at lokasyon ng lahat ng mga elemento ng isang web page. Ang isang karaniwang hyperlink ay nilikha ng browser kapag nakasalubong nito ang sumusunod na tag sa code ng pahina, halimbawa, ang sumusunod na tag: Link sa teksto Narito ang pambungad na tag ng link, - ang pansarang tag. Ang tag na pambungad ay maaaring maglaman ng karagdagang impormasyon - "mga katangian". Sa simpleng link na ito, naglalaman ang katangiang href ng URL ng pahina o iba pang dokumento na hihilingin kung ang isang bisita ay nag-click sa link. Minsan hindi kinakailangan upang ipahiwatig ang buong address - kung ang hiniling na dokumento ay matatagpuan sa server sa parehong folder (o isang subfolder dito), sapat na upang tukuyin lamang ang pangalan nito o ang landas sa subfolder. Ang mga nasabing address ay tinatawag na "kamag-anak", dapat isulat ang mga ito, halimbawa, tulad nito: Link sa teksto Kapag nag-click sa link na ito, ang dokumento na higit paText.html mula sa parehong folder ay mai-load. At ang mga absolute address ng link ay nagsisimula sa isang protokol, halimbawa: Link ng Teksto Dito "http" (HyperText Transfer Protocol) ay ang karaniwang address ng isang dokumento sa isang network. At kung tinukoy mo ang "mailto" na protocol, ilulunsad ng hyperlink ang iyong programa sa mail, sa halip na pumunta sa isa pang pahina: link sa email): Link sa archive
Hakbang 2
Ang isa pang katangian ng hyperlink na nagsasaad kung aling window ang mai-load ang bagong dokumento na ito ay nabaybay na "target". Kung maaari kang magpasok ng anumang tamang address sa katangian ng href, pagkatapos ang target ay maaaring magkaroon ng apat na mga halaga: _sa sarili - ang pahina ay dapat na mai-load sa parehong window o frame. Ang "Mga Frame" ay tumutukoy sa isang bahagi ng isang window na nahahati sa maraming bahagi; _parent - kung ang kasalukuyang pahina mismo ay na-load mula sa isa pang window (o frame), kung gayon mayroon itong window na "magulang". At ang _parent na halaga ay nangangailangan na ang pahina kung saan ang mga puntos ng link ay mai-load sa window ng magulang na ito; _tuktok - ang bagong pahina ay dapat na mai-load sa parehong window. Kung ang window na ito ay nahahati sa mga frame, pagkatapos sa pag-load ay mawawasak sila, at ang bagong pahina ay ang tanging frame sa window na ito; _blank - isang hiwalay na window ang bubuksan upang sundin ang link; Halimbawa:
Magbubukas ang link sa isang bagong window
Hakbang 3
Posibleng lumikha ng isang hyperlink upang hindi pumunta sa ibang pahina, ngunit sa isang naibigay na seksyon ng parehong dokumento. Upang ipahiwatig ang gayong "patutunguhan" sa html-code ng dokumento, isang link ng anchor ang ginagamit: At ang link na pag-scroll sa dokumento sa anchor na ito ay ganito: Mag-link sa unang anchor ng pahina Maaari kang mag-link sa mga anchor hindi lamang sa dokumentong ito, ngunit pati na rin sa iba pa: Anchor sa isa pang pahina Siyempre, sa html-code ng isa pang dokumento tulad ng isang link ng angkla na may pangalan ng katangian = "Anchor1" ay dapat na mayroon.
Hakbang 4
Ang isang hyperlink ay maaaring maghatid hindi lamang ng teksto, kundi pati na rin ng iba pang mga elemento ng mga pahina - halimbawa, mga larawan. Ang pinakasimpleng tag na gumuhit ng larawan ay ganito: At para maging hyperlink ang larawan, dapat itong nakapaloob sa pagitan ng pagbubukas at pagsasara ng mga tag ng link: