Bago mo matutunan kung paano gumawa ng hyperlink, dapat mong maunawaan kung ano ito. Ang hyperlink ay isang fragment ng isang HTML na dokumento, text mula sa isang mensahe email o isang imahe na nagbibigay ng kakayahang mag-navigate sa isa pang pahina ng isang site o nagbibigay ng koneksyon sa pagitan ng dalawang virtual na mapagkukunan. Kung kinakailangan na i-redirect ang bisita sa isang pahina ng site na ito, pagkatapos ay gamitin ang kaugnay na address ng pahina (page.html). Upang matiyak ang koneksyon ng mga pahina ng iba't ibang mapagkukunan ng web, kinakailangang ipahiwatig ang ganap na address ng pahina sa hyperlink, na ganito ang hitsura - http:⁄⁄site.com⁄page.html.

Posibleng gumamit ng hyperlink sa loob ng isa virtual na pahina. Halimbawa, kung gustong i-highlight ng developer para sa user ang ilan, karamihan mahalagang impormasyon sa parehong pahina, o isang halimbawa ng naturang hyperlink ay isang mabilis na pagtalon sa tuktok ng pahina. Ang pagiging kapaki-pakinabang ng isang hyperlink ay hindi maaaring palakihin dahil ito ay nagbibigay-daan sa iyo upang agad na lumikha ng isang mensahe sa gumagamit na ang address ay ipinapakita bilang isang hyperlink. Maaari kang lumikha ng mga hyperlink hindi lamang sa mga website, kundi pati na rin sa mga dokumento ng Word, pati na rin sa mga presentasyon at sa Powerpoint.

Gumawa ng hyperlink sa isang presentasyon

Maraming mga programa ang maaaring gamitin upang lumikha ng isang pagtatanghal. Ang mga pangunahing ay Powerpoint at LibreOffice Impress. Ang lahat ng mga programa ay nagbibigay para sa paglikha ng mga hyperlink sa pagtatanghal. Bilang karagdagan, ang mga hyperlink sa mga presentasyon ay maaaring nahahati sa maraming uri - kailangan mong malaman ito bago lumikha ng isang hyperlink sa isang pagtatanghal, dahil kapag bumubuo ng isang partikular na proyekto, dapat mong isaalang-alang ang lahat ng mga posibilidad na inaalok ng isang partikular na programa.

• Internet address;
• dokumento;
• email address;
• slide ng pagtatanghal;
• slide ng isa pang presentasyon.

Upang makagawa ng hyperlink sa isang presentasyon na ginawa sa PowerPoint sa isang pahina ng website, kailangan mong piliin ang nilalaman (maaaring ito ay isang media file, larawan o teksto), hanapin ang pangkat na "Mga Link" sa tab na "Ipasok" at mag-click sa pindutan ng "Hyperlink". Bilang resulta ng iyong mga aksyon, magbubukas ang window ng "Insert hyperlink" sa monitor screen. Ngayon ang iyong gawain ay pumili ng isa sa apat na opsyon sa hyperlink:

• sa isang email address;
• sa isang web page o file;
• sa isang bagong dokumento;
• sa lugar sa dokumentong ito.

Pagkatapos pumili kailangan mong ipasok kinakailangang address– ang bahagi ay kukuha sa tradisyonal na anyo ng isang hyperlink. Ang parehong resulta ay maaaring makamit sa ibang paraan - kailangan mong gamitin ang right-click na menu. Pagkatapos mag-click, dadalhin ka sa parehong pindutang "Ipasok ang hyperlink".

Upang lumikha ng hyperlink sa isang presentasyon na ipinatupad gamit ang Mga programang LibreOffice Impress, kailangan mong piliin ang bahagi ng nilalaman na nais mong gawing hyperlink, i-activate ang tab na "Insert", piliin ang "Hyperlink". Sa pagkumpleto ng mga hakbang na ito, ipasok ang naaangkop na address.

Paglikha ng hyperlink sa Word

Ang mga dokumento sa Word ay naka-print para sa pag-post sa anumang mapagkukunan ng web. Samakatuwid, ipinapayong lumikha ng mga hyperlink nang direkta sa mga dokumento ng Word. Pag-uusapan natin kung paano gumawa ng hyperlink sa Word. Sa kabila ng napakalawak na salitang "hyperlink", ito ay napakasimpleng likhain. Una, kailangan mong pumili ng salita at parirala (ginagawa ang pagkilos na ito upang lumikha ng hyperlink sa mga dokumento at presentasyon, sa mga teksto sa mga website). Sa tab na Insert mayroong isang "Hyperlink" na pindutan - makikita mo ito sa mga utos na "Mga Link". Batay sa mga resulta ng iyong trabaho, bubukas ang isang dialog box. Ang item na "Hyperlink" ay maaari ding mapili sa menu ng konteksto - mag-click sa napiling teksto i-right click mga daga. Gayundin, gamit ang keyboard mga ctrl key at k, maaari mo ring i-access ang Hyperlink sa pamamagitan ng pag-highlight ng mga salita o parirala sa isang dokumento.

Lalabas ang mga dokumento ng iyong computer sa dialog box, kung saan maaari mong piliin ang kailangan mo. Sa kaso kung saan ang isang hyperlink ay ginawa sa isang dokumento sa Internet, maaari mong gamitin mano-mano paggawa ng hyperlink. Kopyahin lamang ang URL nito at i-paste ito sa field ng Address. Upang kumpirmahin ang iyong mga aksyon, i-click ang button na “OK”. Kinukumpleto nito ang operasyon ng pagpasok ng link.

Paglikha ng hyperlink sa HTML

Inilarawan sa itaas kung paano gumawa ng hyperlink sa Powerpoint (sa "paglikha ng hyperlink sa isang presentasyon"), ngunit maaari ding gumawa ng hyperlink sa HTML. Sa ganoong wika, mayroong hyperlink susunod na view - Link ng text. Tulad ng nakikita natin, sa pagpipiliang ito mayroong dalawang bahagi - (pambungad na bahagi at pangwakas na bahagi). Inilalagay ang teksto sa pagitan ng mga simbolo na ito - makikita lamang ito ng user, at hindi ang buong hyperlink. Kinakailangang maisama ang href attribute sa isang hyperlink, ngunit maaaring hindi lang ito ang attribute na nakalagay sa loob ng opening tag brackets - ito ay pinakamababang kinakailangan para gumawa ng hyperlink. Maaaring kabilang sa iba pang mga katangian ang mga naglalaman ng impormasyon tungkol sa hitsura mga link at kung paano dapat tumugon ang link sa pag-hover, pag-click, at iba pang mga kaganapan.

Bago ka lumikha ng isang hyperlink sa html, kailangan mong lumikha ng isang tag, na pagkatapos ay inilagay sa source code dokumento. Maaari mong gawin ito nang manu-mano o gumamit ng isang editor ng pahina, ngunit ang pamamaraang ito ang paggawa ng hyperlink ay posible lamang kapag ang dokumento ay naka-host sa isang server na mayroong sistema ng pamamahala ng site. SA visual mode editor, kailangan mong pumili ng isang piraso ng nilalaman, i-click ang link sa interface ng editor, at pagkatapos ay magbubukas ang isang dialog box. Ipinapahiwatig nito ang address.

Hello mahal na mga mambabasa blog site. Ngayon ay pag-uusapan natin paano gumawa ng mga hyperlink sa html, alamin kung paano gamitin ang tag at ang mga href at target na katangian nito, alamin natin kung paano gawing link ang isang larawan.

Ang mga hyperlink ay mga pangunahing elemento ng isang web page. Iniugnay nila ang magkakaibang mga pahina ng html nang magkasama sa isang ganap na website. Karaniwan, ang mga link ay ipinapakita bilang isang may salungguhit na piraso ng teksto na, kapag na-hover, nagiging sanhi ng paglitaw ng cursor ng mouse bilang isang nakaturo na daliri. Bilang karagdagan, ang isang hyperlink ay maaaring magkaroon ng anyo ng isang graphic na imahe o ang fragment nito. Kapag nag-click ka sa isang link, nilo-load ng browser ang web page na ang address ay tinukoy sa mga katangian ng link na ito. Hinahayaan ka ng mga hyperlink na mag-link sa parehong panloob na mga pahina ng iyong site at sa anumang iba pang mapagkukunan sa Internet.

Paglikha ng mga hyperlink ng teksto

Magsimula tayo sa simple at isaalang-alang ang paglikha ng ordinaryo text mga link. Upang lumikha ng isang hyperlink ng teksto, sapat na upang ilakip ang anumang fragment ng teksto na dapat maging isang link nakapares na tag . At sa katangian ng href Para sa tag na ito, dapat mong tukuyin ang address ng target na web page sa Internet:

pahina 15

Ang piraso ng html code na ito ay lumilikha ng isang talata na naglalaman ng isang link. Ang link ay tumuturo sa web page page15.html, na matatagpuan sa folder ng catalog, na nakaimbak sa root folder ng site na www.site.ru.

pahina 15

Kung hindi ginagamit ang pahina Mga istilo ng CSS at walang karagdagang mga katangian ang inilalapat, pagkatapos ay ang mga hyperlink sa pahina ay ipinapakita bilang mga sumusunod bilang default:

• ang mga regular na link ay ipinapakita sa asul;
• binisita ang mga link ay naka-highlight sa purple;
• aktibong hyperlink (na-click sa in sa ngayon) ay ipinapakita sa pula, ngunit dahil ang oras sa pagitan ng pag-click sa link at ang simula ng pag-load ng isang bagong dokumento ay medyo maikli, ang estado ng link na ito ay masyadong maikli ang buhay;
• Ang teksto ng link ay ipinapakita na may salungguhit.

Mga address sa internet

Ang buong address ay naglalaman ng Internet address ng web server, at ang path sa file na kailangang makuha. Halimbawa:

http://www.site.ru/catalog/page15.html

Narito ang www.site.ru ay ang address ng web server, at /catalog/page15.html ang path patungo sa file sa server na ito. Sa pangkalahatan, ang buong Internet address ay karaniwang ginagamit lamang kung kinakailangan upang lumikha ng isang hyperlink na tumuturo sa anumang mga mapagkukunan na matatagpuan sa isa pang website.

Kapag lumilikha ng mga hyperlink na tumuturo sa mga file na bahagi ng parehong site bilang kasalukuyang web page, mas mainam na gumamit ng pinaikling mga address sa Internet. Ang pinaikling address ay naglalaman lamang ng landas patungo sa file sa server, dahil Alam na ng browser ang address ng web server.

May mga pinaikling Internet address ganap At kamag-anak. Tinutukoy ng absolute address ang path sa target na file na nauugnay sa root folder ng site. Ang nasabing address ay nagsisimula sa simbolo / (slash), na nangangahulugang root folder. Halimbawa, ang address na "/page15.html" ay tumuturo sa page15.html file, na nakaimbak sa root folder ng site. O ang address na “/catalog/page.html” ay tumuturo sa page.html file, na nakalagay sa catalog folder, na naka-nest sa root folder ng site.

Ang kaugnay na address ay tumutukoy sa path ng file na nauugnay sa kasalukuyang file ng web page. Mga kamag-anak na address hindi naglalaman ng isang nangungunang slash character. Tingnan natin ang ilang halimbawa.

Halimbawa, ang address na "page.html" ay tumuturo sa isang file na matatagpuan sa parehong folder bilang file ng kasalukuyang web page. At ang address na "catalog/page.html" ay magbubukas sa file na page.html, na nakaimbak sa folder ng catalog, na naka-nest sa folder kung saan ito nakaimbak kasalukuyang pahina. Gamit ang dalawang tuldok sa simula ng address, maaari mong ipahiwatig ang mga folder ng nakaraang antas ng nesting. Kaya, halimbawa, ang address na “.../page.html” ay tumuturo sa page.html page na nakaimbak sa folder kung saan naka-nest ang folder na may kasalukuyang web page.

Link sa email

Sa pamamagitan ng paggamit html na wika maaaring malikha mga postal hyperlink, pag-click sa kung saan ilulunsad ang program mail client. Kapag tinukoy ang isang address sa isang katangian href bago ang email na kailangan mong ilagay "mailto:", ibig sabihin. isang bagay tulad nito: href="mailto: [email protected]". At pagkatapos ng colon dati postal address dapat walang mga puwang.

sumulat ng liham

Paano gawing link ang isang larawan

Dito ko natatapos ang pakikipag-usap tungkol sa paggawa ng mga hyperlink, ipapaalala ko lang sa iyo ang mga pangunahing punto:

1. Ginagamit upang lumikha ng mga link nakapares na tag na may kinakailangang katangiang href, ang halaga nito ay naglalaman ng address ng landing page: Text;
2. Kapag gumagawa ng link sa mail, dapat mong ilagay ang “mailto:” sa href attribute bago ang mail address: magsulat ng liham;
3. Kung kailangan mong lumikha link na larawan, tapos nilagay lang namin yung img tag sa loob ng tag : .

Ang hypertext ay text na naglalaman ng mga link sa ibang text. Ang isang halimbawa ay ang mga tala ng may-akda sa mga kumplikadong kahulugan o mga footnote ng mga tagapagsalin sa ibaba ng pahina ng aklat kung naglalaman ito ng teksto sa wikang banyaga. Ang mga site sa internet ay kumplikadong sistema hypertext transition mula sa isang pahina patungo sa isa pa, sa loob mismo ng pahina, pati na rin sa pagitan ng mga mapagkukunang hindi nauugnay sa isang paksa. Ang istraktura na ito ay praktikal, nakakatipid ng maraming oras, pinapayagan ang bisita na mabilis na mahanap kinakailangang impormasyon at huwag malito malalaking dami mga transition.

Paglalagay ng hyperlink

Sa HTML, isang descriptor (tag) ang ginagamit upang magpasok ng hyperlink. , na ipinasok sa nais na lokasyon. Karaniwan itong inilalagay sa gitna ng teksto, dahil ang hyperlink mismo ay isang istraktura ng teksto. Ngunit ang mga link ay maaari ding maging graphic (mga icon, mga pindutan, mga larawan); pag-uusapan pa sila. Ang kanilang lokasyon sa isang web page ay hindi limitado sa text, ngunit depende sa desisyon ng disenyo ng gumawa ng site.

Home page ng Google

Ito ay isang halimbawa kung paano magpasok ng hyperlink sa isang HTML na dokumento, na ginagawa gamit ang tag . Ang isang bisita sa site ay makakakita ng may salungguhit na teksto, naiiba sa kulay ng nakapalibot na teksto (ang kulay ng HTML na link ay maaaring anuman), "Google home page", pag-click kung saan dadalhin siya sa pangunahing pahina ng Google search engine. Dapat tandaan na ang teksto ng hyperlink ay dapat maglaman ng impormasyon tungkol sa kung saan gagawin ang paglipat. Ang prinsipyong ito ay dapat sundin at tanggapin bilang panuntunan!

Istraktura ng tag ...

Maaari mong mapansin na ang tag - ipinares: kailangan ng closing tag.

href—katangian tag, ay nagpapahiwatig ng layunin ng link.

https://google.com/ - halaga ng katangian, na naglalaman ng URL ng mapagkukunan kung saan magaganap ang paglipat. Binubuo ito ng doble o single quotes. Depende ito sa istraktura ng tag nesting ayon sa Mga panuntunan sa HTML.

Home page ng Google

ang buong istrukturang ito ay tinatawag elemento dokumento sa web.

Ayon sa mga panuntunan ng HTML, maaaring maglaman ang ilang elemento ng iba pang elemento. Tag walang exception. Kung kailangang i-highlight ng programmer ang salitang Google nang naka-bold, ginagawa ito gamit ang isang tag ayon sa mga pangkalahatang tuntunin ng pag-format ng text, na sinusunod ang pagkakasunud-sunod ng paglalagay ng mga tag. Dapat alam ng isang webmaster kung paano gumawa ng hyperlink sa HTML nang walang mga error, kung hindi, hindi ito gagana. Ang mga sirang link ay tinatawag na "sira" sa slang ng computer.

home page Google

Dito: elemento

home page Google

naglalaman ng isang nested na elemento

Google

Mga ganap na hyperlink

protocol://domain name/path sa file

Isang halimbawa ng address para sa isang sikat na search engine sa America: https://aol.com - ganap, dahil naglalaman ito ng domain name.com.

Ang mga ganap na hyperlink ay ginagamit upang mag-navigate sa mga pahina sa iba pang mga site o upang ma-access ang mga mapagkukunang matatagpuan sa isa pang server. Ang paglipat ay isinasagawa gamit ang mga protocol ng Internet. Ang mga protocol ay hindi ang paksa ng artikulong ito, ngunit dahil sila ay kasangkot sa paglikha ng mga hyperlink, ito ay kinakailangan upang hindi bababa sa maikling banggitin ang mga ito:

• http At https - pinakakaraniwan; ginagamit ang mga ito upang mag-navigate sa pagitan ng mga pahina sa Internet ng iba't ibang mga site;
• ftp - protocol para sa pag-upload ng mga file sa server o pag-download ng user mula sa site;
• mailto - isang mail protocol na direktang nagpapadala ng email mula sa site nang hindi naglalagay ng personal na mail.

Mayroong ilang iba pang mga protocol espesyal na layunin(gopher, telnet), na medyo bihira, ang paggamit nito ay nangangailangan ng espesyal na kaalaman sa programming o system administration.

Mga kamag-anak na hyperlink

Sa kamag-anak na pagtugon, ang paggamit ng mga hyperlink sa HTML ay nagsisilbing mag-navigate sa loob ng mapagkukunan at hindi humahantong sa kabila ng mga hangganan nito. Kung ang pahina ay napakalaki ito ay gumagana patayong guhit pag-scroll, kung minsan ay napakahaba, tulad ng, halimbawa, sa mga diksyunaryo, ito ay napaka-maginhawa at ipinapayong gumamit ng mga kamag-anak na link para sa mabilis na paglipat sa nais na liham.

Kapag lumilikha ng isang online na diksyunaryo, inilalagay ng programmer ang alpabeto sa simula ng pahina, at kung hindi ito para sa paggamit ng mga link, ang gumagamit ay kailangang paikutin ang gulong ng mouse nang napakatagal upang makarating sa titik na "I ”.

Pumunta sa titik I

saan oo tinawag angkla, A Pumunta sa titik I- patutunguhan anchor. Upang maipakita nang tama ang mga anchor, inirerekumenda na gamitin Latin na mga titik at mga numero, kaya hindi mo dapat isulat ang "Ako", bagama't ito ay magiging mas malinaw.

Ngayon, upang lumipat mula sa alpabeto sa simula ng pahina patungo sa titik na "I", kailangan mong i-angkla ang anchor sa lugar sa HTML na dokumento kung saan nagsisimula ang mga salita na nagsisimula sa titik na "I":

titik I

mayroong isang hash sign sa harap ng anchor, kung wala ang paglipat sa liham ay hindi gagana.

Relative addressing kapag gumagawa ng site

Isang maginhawa at pinaka-karaniwang tinatanggap na algorithm para sa paglikha ng isang website ng isang programmer:

• paglikha ng isang folder sa iyong computer at ilagay ito sa isang lokasyon mabilis na pag-access para sa kaginhawaan;
• paglikha ng pangunahing folder sa folder na ito;
• paglikha ng mga pangalawang web page (index.html/page2);
• at paglalagay ng mga graphic na file dito;
• paglikha ng isang folder at paglalagay ng iba pang mga bagay sa loob nito (mga file para sa pag-download, halimbawa);
• pagpuno sa site ng nilalaman;
• pagho-host ng mga file ng site.

Tiyak na kailangan mong gumamit ng mga link upang kumonekta sa pagitan ng mga elemento ng site, at magiging kapaki-pakinabang na malaman kung paano magpasok ng hyperlink sa HTML sa isa pang pahina ng parehong site. Kung ang mga file ng site ay matatagpuan sa parehong direktoryo, sa parehong server, hindi na kailangang gumamit ng ganap na pagtugon. Kapag naglilipat ng mga file ng site sa pagho-host, ang koneksyon sa pagitan ng mga bagay ay mapapanatili, dahil sila ay ilalagay din sa parehong direktoryo sa pagho-host.

Sabihin nating nilikha ng isang programmer ang pangunahing pahina ng isang site, index.html, na may link sa isa pang pahina, page2.html, na pinalamutian ng isang img.png na imahe. Pagkatapos kamag-anak na landas ang larawang ito ay magiging ganito:

larawan

Tip: Kapag pinag-aaralan ang paksang ito, pinakamahusay na gumamit ng isang simpleng text editor dahil sa katotohanang kailangan mong magkaroon ng kahusayan sa tamang spelling transition address at matutong maunawaan ang code ng ibang tao. Sa yugtong ito magkakaroon magandang resulta isang hyperlink na nakasulat sa notepad nang walang mga error,Hindi sila pinatawad ng HTML at gumagawa ng mga error.

Mga pamamaraan para sa pagsunod sa mga hyperlink

Default bagong pahina bubukas sa kasalukuyang browser window kapag nag-click ang user sa isang hyperlink. Ngunit maaaring baguhin ng isang web programmer ang default na halaga at pilitin ang pahina na buksan, halimbawa, sa isang bagong window. Mayroong isang katangian para dito target na may tiyak na kahulugan. Ito ay pinakamalinaw na maipahayag sa isang talahanayan.

Syntax ng katangian target:

Home page ng Google

Magbubukas ang home page ng Google sa isang bagong window.

Tandaan: Walang mga halaga para sa pagbubukas ng mga pahina sa isang bagong tab. ng katangiang ito, ngunit itinakda mismo ng user sa mga setting ng browser.

Kulay ng hyperlink

Dapat na napansin ng isang bihasang gumagamit ng Internet sa paglipas ng panahon na ang mga hyperlink ay ibang kulay mula sa nakapalibot na teksto, at karaniwan ay asul ang mga ito. Mga link na sinundan niya at pagkatapos ay binalikan nakaraang pahina, maging lila. Paggamit ng mga hyperlink sa HTML sa hindi pamantayan scheme ng kulay hindi gaanong, ngunit ginagawa nitong kakaiba ang site mula sa iba.

Itakda ang mga kulay ng mga link sa tag gamit ang mga katangian at ang kanilang mga halaga, kung saan Kulay ng HTML V rgb system(#00FF00) o may direktang indikasyon ng pangalan ng kulay (“berde”). May tatlong uri ng mga katangian para sa mga link:

• link — nagtatakda ng kulay ng hindi nabisitang link;
• vlink - nagtatakda ng kulay ng link na sinundan na ng user;
• alink - nagtatakda ng kulay ng link sa oras ng paglipat sa isa pang pahina. Nangyayari ito nang mabilis, kaya hindi laging posible na mahuli ang epekto na ito.

Halimbawa ng markup:

Kung ilalapat mo ang mga katangiang ito sa isang tag , ang mga link sa web document na ito ay magiging dark blue, ang mga binisita na link ay magiging purple, at ang mga aktibong link ay magiging orange-red.

Mga graphic na hyperlink

Ang pag-unlad at pag-unlad ng disenyo ng web ay nangangailangan sa iyo na malaman kung paano magpasok ng hyperlink sa HTML bilang isang imahe. Malinaw na ang larawan ay dapat tumutugma sa nilalaman ng patutunguhang pahina. Halimbawa, ang pangunahing pahina ng isang site tungkol sa mga halamang panggamot ay maaaring ipakita sa anyo ng mga larawan ng mga halaman, sa pamamagitan ng pag-click kung saan ang user ay ire-redirect sa isang pahina na naglalarawan sa mga nakapagpapagaling na katangian ng halaman.

Isang malawakang ginagamit na paraan para sa pagpapalit ng mga static na pindutan ( ) sa magagandang graphics na nilikha ng isang web designer sa mga graphics editor (GIMP, Photoshop).

Upang magpasok ng mga graphics bilang mga hyperlink sa mga pahina ng site, ang parehong syntax ay ginagamit, ngunit sa halip na teksto, isang imaheng insert tag ay ginagamit ayon sa mga panuntunan ng HTML:

Ang parehong naaangkop sa mga katangian para sa pagtatakda ng alternatibong teksto, lapad, taas, at iba pa.

Mga tawag mula sa site

Ang pamantayan ng html5 ay pinalawig functionality gamit ang Internet, at ngayon ay maaari kang tumawag hindi lamang mula sa iyong telepono, ngunit direkta mula sa website. Maaari ka ring gumamit ng mga hyperlink para sa layuning ito. HTML na dokumento, at mayroon silang ganitong syntax:

...subscriber...

Sa halip na ang salitang "subscriber", isang contact na naiintindihan ng tumatawag ay nakasulat, tulad ng sa phone book. Maaari ka ring maglagay graphic na file(larawan ng subscriber).

Upang gumawa ng mga tawag mula sa site, kinakailangan na magkaroon ng hindi lamang isang link sa numero ng telepono ng subscriber, kundi pati na rin isang headset (mikropono, headphone), isang VoIP program na naka-install sa computer, at ang bilis ng Internet ay dapat lumampas. 0.5 Mb/seg. Ang pagbabayad para sa mga tawag ay isinasagawa sa pamamagitan ng pagkonsumo ng trapiko. Samakatuwid, kung ang Internet ay walang limitasyon, kung gayon ang mga tawag ay libre.

Ang Etika ng Paglikha ng mga Hyperlink

Kapag naglalagay ng website sa Internet, dapat malaman ng webmaster kung anong mga uri ng hyperlink ang umiiral sa HTML, at hindi lamang ilapat ang mga ito nang tama at propesyonal, ngunit sumunod din sa mga sumusunod na probisyon:

• Ang hyperlink ay dapat na malinaw na nakikita at naiiba sa nakapalibot na teksto. Dapat malaman ng user na ito ay isang hyperlink.
• Dapat itong maging malinaw sa gumagamit kung saan siya pupunta kapag nag-click siya sa link. Para sa mga ito ay ipinapayong gumamit ng isa pang katangian pamagat, na maikling naglalarawan sa pahina ng paglipat. Ang syntax para sa paggamit ng katangian ay:

Yandex

• Dapat makatanggap ang user ng totoong impormasyon tungkol sa file na mada-download kapag nag-click sa link.

Kung mapunta ang user sa isang page na hindi niya inaasahan o nag-download ng maling file, sa 99% ng mga kaso ay agad na aalis ang user sa site at hindi na ito bibisitahin sa hinaharap.

Anti-Seo kapag lumilikha ng mga hyperlink

Maliban sa teknikal na bahagi Ang tanong kung paano magpasok ng hyperlink sa HTML ay dapat ding sumaklaw sa moral na aspeto. Maraming mga site na hinarang ng mga user mula sa pag-access ng mga programang pangseguridad (antivirus) o kahit ng gobyerno. Ito ang mga site na ginawa ng mga hindi tapat na web programmer.

Isa sa mga trick na ginagawa nila ay ang pagpasok ng mga "invisible" na hyperlink sa isang web page. Alam ng mga manloloko kung paano gumawa ng hyperlink sa HTML, at gumamit ng mga katangian upang alisin ang salungguhit ng link at italaga dito ang kulay ng nakapalibot na teksto upang hindi ito makita ng karaniwang gumagamit. At sa tulong ng iba pang mga tool sa teknolohiya sa web (CSS, JavaScript, PHP) maaari mong i-program ang kanilang pag-uugali. Halimbawa, ang OnMouseOver event Wika ng JavaScript ina-activate ang pagkilos ng isang elemento ng web page. Kapag nag-hover ang isang user sa isang hindi nakikitang link, dadalhin sila sa pahina ng advertising ibang site. O mas masahol pa, kapag mayroong isang hindi nakikitang link sa isang file at ang mga hindi kinakailangang bagay ay nagsimulang ma-download at mai-install sa kanyang computer software. Kadalasan ito ay mga virus na nagbabago home page kalat ang mga browser hard drive maraming programa at iba pa.

Sa lalong madaling panahon ang mga naturang site ay mapupunta sa "itim na listahan" ng mga database ng virus, mga sistema ng seguridad at sa mga mismong gumagamit ng Internet. Ang mga naturang site ay hindi nagtatagal, at kailangan nilang baguhin ang kanilang mga pangalan, walang katapusang lumipat sa Internet, pagpapalit ng mga host provider. Hindi ito nag-aambag sa pag-promote ng site, na siyang palaging sinisikap ng tagalikha nito, at hinding-hindi ito gagawing isang mega-portal, tulad ng, halimbawa, mga social network. Sa iba pang mga bagay, ang mga ganitong panlilinlang ay nagdudulot ng maraming negatibong emosyon sa mga taong apektado ng mga pagkilos na ito.

Ang hyperlink ay tiyak na teksto o isang guhit, kapag nag-click ka dito, alinman sa isang tinukoy na lugar sa parehong dokumento, o isang larawan, o ibang dokumento, atbp. ay magbubukas. Ang isang hyperlink na hindi pa natingnan sa Word ay naka-highlight sa asul at may salungguhit.

Tapusin natin ang teorya. Alamin natin kung paano gumawa ng hyperlink sa MS Word.

Ang pinakamadaling paraan ay makatarungan kopyahin ang address ng site. Piliin at kopyahin ang teksto mula sa address bar ng iyong browser.

Ngayon buksan ang dokumento, ilagay ang cursor sa nais na lugar at i-paste ang link. Pagkatapos nito, pindutin ang spacebar o "Enter". Regular na link ay naging isang hyperlink sa isang dokumento ng Word at humahantong sa tinukoy na site.

Kung kumopya ka ng isang piraso ng text na naglalaman ng mga link, hindi sila awtomatikong mako-convert sa mga hyperlink. Upang gawin ito, ilagay ang cursor sa dulo ang kinakailangang link at pindutin ang spacebar.

Ngayon tingnan natin kung paano gawing hyperlink ang teksto. Upang gawin ito, piliin kinakailangang fragment teksto o salita, i-right-click ito at piliin ang “Hyperlink”.

Magbubukas ang sumusunod na window. Sa field na Link To, piliin "file, web page", sa field na “Address,” ipasok email address ang gustong site. I-click ang OK.

Piliin ang teksto, i-right-click ito at piliin ang "Hyperlink".

Pagkatapos, sa field na "Folder," piliin kung saan iimbak kinakailangang file. Sa window sa ibaba, mag-click sa shortcut ng programa, ito maipapatupad na file o anuman ang gustong folder. Maaari mo ring piliin ang Word, anumang iba pang dokumento, o larawan.

Sa halimbawang isinasaalang-alang, kapag nag-click ka sa "dokumento," bubukas ang folder na "Mga Download".

Upang gawing hyperlink ang isang imahe– piliin ito at ulitin ang mga hakbang sa itaas. Kung ang isang larawan sa teksto ay nagsisilbing isang hyperlink, pagkatapos ay kapag nag-hover ka dito, isang pop-up window ang lalabas. Pindutin ang Ctrl at i-click ito.

Kung gusto mo bilang isang hyperlink gumamit ng isang fragment ng teksto mula sa isa pang dokumento ng Word, pagkatapos ay buksan ang dokumentong ito. Ngayon piliin ang nais na teksto sa loob nito at i-right-click dito. Nang hindi binibitiwan ang pindutan, i-drag ang napiling fragment sa nais na lokasyon sa kasalukuyang dokumento.

Ang sumusunod na menu ng konteksto ay lilitaw. Sa loob nito, mag-click sa item "Gumawa ng hyperlink".

Maaari mo ring baguhin, i-highlight, buksan, kopyahin o tanggalin ang isang hyperlink sa isang dokumento ng Word. Upang gawin ito, mag-right-click dito at pumili mula sa menu ng konteksto kinakailangang aksyon.

Ngayon alam mo na iba't ibang paraan, na tutulong sa iyong gumawa ng hyperlink sa Word. Kung mayroon kang anumang mga katanungan, tanungin sila sa mga komento.

I-rate ang artikulong ito:

Ang pangunahing tampok ng isang HTML na dokumento ay ang pagkakaroon nito mga hyperlink(o mga link lang) sa iba pang mga dokumento, site, file, larawan, atbp. Ang kakayahang magpasok ng mga link sa mga pahina sa mga bagay sa labas nito ang naging dahilan ng pagiging popular at madaling gamitin ng Internet. Samakatuwid, kapag lumilikha ng iyong website, laging tandaan ang "magic" ng mga link.

Sa araling ito ay pag-uusapan natin paano gumawa ng link sa site, sa nito hiwalay na pahina o file. Malalaman mo kung paano baguhin ang teksto ng isang link, kung paano buksan ito sa isang bagong window, kung paano gumawa ng isang link sa isang imahe, kung ano ang panlabas at panloob na mga link, at marami pa. Dagdag pa, mayroon ka nang impormasyon tungkol sa pagtatrabaho sa mga link, na aming nabanggit sa mga nakaraang aralin (halimbawa, napag-usapan namin kung paano mo mababago ang kulay ng isang link sa loob nito).

Sa pangkalahatan, gagawing kumpleto at sapat ng tutorial na ito ang iyong pag-unawa sa pagbuo ng link. Mauunawaan mo kung paano gumawa ng hyperlink sa HTML at bakit. At matututunan mong kontrolin ang mga katangian nito.

§ 1. Link sa file, link sa website, link sa pahina

Maraming mga katanungan tungkol sa kung paano naiiba ang isang link sa isang file mula sa isang link sa isang site o ang indibidwal na pahina nito ang nagpilit sa akin na ilagay ang sagot dito sa pinakadulo simula ng araling ito. Ang sagot ay: wala. Ang lahat ng nakalistang link ay panlabas sa orihinal pahina at nilikha sa parehong paraan.

Upang hindi hayaang magulo ang aking mga iniisip, ipapakita ko sa iyo ang lahat na may isang halimbawa.

Sa browser makikita natin ito:

Sa browser makikita natin ito:

Tulad ng nakikita mo, ang lahat ng mga uri ng mga link ay eksaktong pareho. Ang pagkakaiba lang ay address ang bagay na sasangguniin. Ngayon ay lumipat tayo sa pangunahing bahagi ng aralin.

§ 2. Paglikha ng mga panlabas na link

Ang mga link ay naiiba sa bawat isa sa pamamagitan ng panlabas At panloob, pati na rin sa text At graphic. Ang mga panlabas na link ay humahantong sa labas ng pahina ng html, ang mga panloob na link ay humahantong sa iba't ibang bahagi pareho mga pahina. Ang mga text link ay teksto (bilang default, ito ay naka-highlight sa asul at may salungguhit), at ang mga graphic na link ay naglalaman ng isang larawan bilang isang bagay na kailangan mong i-click upang pumunta. Ang lahat ng mga uri ng link na ito ay nilikha sa HTML gamit ang isang tag (maikli para sa anchor). Tingnan natin ito nang maigi.

Upang lumikha panlabas na link sa isang site, page o file ay mayroong tag attribute - href. Ang halaga ng katangiang ito ay URL site, pahina o file (napag-usapan namin ito sa itaas). Sa pagitan ng mga tag ay ang nakikitang bahagi ng link (link anchor), ibig sabihin, kung ano ang nakikita natin sa screen ng browser. Ang mga link ng anchor ay maaaring maging katulad sa simpleng teksto(text link) at graphic na representasyon(link-larawan). Ginagawa ang link ng larawan sa pamamagitan ng paglalagay ng pamilyar na tag sa pagitan ng at mga tag. Sa pangkalahatan, ang syntax para sa paglikha ng isang link ay ganito ang hitsura:

Halimbawa, upang lumikha ng text link sa home page ng site na ito, kailangan mong isulat ang sumusunod na HTML code:

http://www.seoded.ru/"> Home page ng website ng site

Sa browser ito ay magiging ganito:

Gaya ng isinulat ko sa pinakasimula ng araling ito, ang kulay ng link text (anchor) ay maaaring baguhin gamit ang . Sa pangkalahatan, maaari mong ilapat ang parehong mga panuntunan sa teksto ng mga link tulad ng sa pangunahing teksto ng pahina, ibig sabihin, i-highlight ito sa bold, italics, gamitin ang mga heading, atbp.

§ 2.1 Mga graphic na link (mga link ng larawan)

Tulad ng sinabi ko sa itaas, upang lumikha ng isang link ng imahe, kailangan mong gumamit ng . Ang isang halimbawa ng naturang link ay ganito ang hitsura:

At ang browser ay magpapakita:

Bilang default, pinapalibutan ng browser ang larawan sa isang graphic na link na may frame. Kung ito ay hindi kanais-nais, pagkatapos ay ang katangian hangganan tag IMG kailangan mong italaga ang halaga 0:

hangganan="0">

Home page

§ 3. Mga panloob na link

Para sa kumportableng pag-navigate sa mga pahinang may isang malaking bilang ang nilalaman ay gumagamit ng mga panloob na link. Sa tulong nila ginawa ko ang "Mga Nilalaman ng Aralin" (tingnan sa simula ng pahinang ito). Ang mga panloob na link ay nilikha gamit ang parehong prinsipyo tulad ng mga panlabas na link. Sa attribute value lang href ang anchor ng link ay ipinahiwatig. Ang anchor ay nilikha ng katangian pangalan:

name="anchor name">text

At ang pangalan ng anchor ay itinakda nang arbitraryo. Ito ay nagkakahalaga na sabihin dito na hindi lahat ng mga browser ay nauunawaan ang mga pangalan ng Russian anchor, kaya inirerekomenda ko ang paggamit ng Latin na alpabeto. Ang teksto sa pagitan ng mga tag upang lumikha ng isang anchor ay hindi kinakailangan at kadalasang hindi tinukoy.

Ang I tigdas ay matatagpuan sa mga lugar na iyon sa pahina kung saan dapat pumunta ang gumagamit pagkatapos mag-click sa link.

Tulad ng sinabi ko sa itaas, sa katangian href ng isang panloob na link, sa halip na isang address, ang pangalan ng nais na anchor ay ipinahiwatig ng obligadong hash na simbolo ( # ) sa harap niya. Tingnan natin ito sa isang halimbawa.

Gumawa ako ng anchor na may pangalan zagolovok at inilagay ito sa tabi ng pamagat ng araling ito (“Mga Hyperlink sa HTML”). Ang anchor code ay ang mga sumusunod:

name="zagolowok">

href="#zagolovok">Sa pamagat

At sa browser tulad nito:

Kung napansin mo, pagkatapos sundin ang panloob na link sa pamagat, ang URL ay nasa address bar browser:

Sa orihinal na address:

http://www..html

http://www..html#zagolovok

At gamit ang tampok na ito, maaari kang mag-link sa isang tiyak na lokasyon sa pahina mula sa anumang mapagkukunan sa Internet! Ibig sabihin, sabihin nating gumawa ka ng page na may mahabang artikulo tungkol sa isang bagay (o nai-post ito sa page malaking bilang mga larawan) at minarkahan ito ng mga panloob na link. Habang nasa , kailangan mong mag-link hindi lamang sa pahinang may artikulo (o mga litrato), ngunit sa isang partikular na lugar dito (o isang partikular na litrato). Paggamit ng opsyon na may panloob na link sa address, madali mong makakamit ang kailangan mo.

§ 4. Absolute at relative references

Home page

Ngunit sa mga kamag-anak na link ito ay medyo mas kumplikado. Sa ganitong mga link ang address ay ipinahiwatig alinman medyo ang root folder ng site (ang isa kung saan matatagpuan ang pangunahing pahina), o nauugnay sa pinagmulang pahina. Ang ganitong mga link ay kailangan, halimbawa, kung ang site ay matatagpuan sa computer sa bahay. O ito ay hindi isang site, ngunit isang pahina na tumuturo sa iba pang mga dokumento.

Iwanan natin ito, kailangan nating mag-link sa pahina clienty.html na nagsisinungaling sa isang folder Sa home page site. Tapos yung code kamag-anak na sanggunian kukuha ng form:

/klienty.html">Mga kliyente

Ngayon ipagpalagay natin na sa parehong folder bilang pangunahing pahina ay mayroon folder ng zakazy at na sa loob nito namamalagi sa pahina klienty.html Pagkatapos ang code para sa kamag-anak na link ay magiging ganito:

/zakazy/klienty.html">Mga kliyente

Ngayon tingnan natin ang paglikha ng mga hyperlink kaugnay sa orihinal na pahina. Sabihin na nating may page tayo price.html (home page) at kailangan mong mag-link sa pahina mula dito clienty.html Mayroong mga sumusunod na tipikal na opsyon:

1. Ang mga page na price.html at clienty.html ay matatagpuan sa isang folder.

klienty.html">Mga kliyente




2. sa root folder ng site, page price.html ay nasa folder ng zakazy isang antas na mas mataas).

Magiging ganito ang code:

../klienty.html">Mga kliyente

Dalawang tuldok ang nagpapahiwatig na kailangan mong lumabas kasalukuyang folder isang antas na mas mataas.




3. Ang pahina ng klienty.html at ang zakazy folder ay matatagpuan sa root folder ng site, mebel folder ay nasa folder ng zakazy, page price.html ay nasa mebel folder(ibig sabihin, ang pahina ng klienty.html na may kaugnayan sa orihinal na page na price.html ay nakasalalay dalawang antas na mas mataas).

../../klienty.html">Mga kliyente

Iyon ay, ang bawat antas ay ipinahiwatig ng dalawang tuldok at isang slash " / ».




4. sa root folder ng site, page clienty.html ay nasa folder ng zakazy(i.e. ngayon, ang pahina ng klienty.html na nauugnay sa orihinal na page na price.html ay nakasalalay isang antas na mas mababa).

zakazy/klienty.html">Mga kliyente

Sa kasong ito, hindi ginagamit ang mga tuldok at slash.




5. Ang price.html page (orihinal na page) at ang zakazy folder ay matatagpuan sa root folder ng site, mebel folder ay nasa folder ng zakazy, page clienty.html ay nasa mebel folder(ibig sabihin, ang pahina ng klienty.html ay nauugnay na ngayon sa orihinal na pahina ng price.html namamalagi sa dalawang antas sa ibaba).

zakazy/mebel/klienty.html">Mga kliyente




6. Sa root folder ng site may dalawang folder: zakazy at oplata. Page clienty.html ay nasa folder ng zakazy, orihinal na page price.html ay nasa folder ng oplata(ibig sabihin, kasinungalingan ang parehong pahina V iba't ibang mga folder isang antas sa ibaba mula sa root folder ng site).

../zakazy/klienty.html">Mga kliyente

§ 5. Link sa email

Upang gumawa ng link sa email, kailangan sa halip na ang URL sa value ng katangian href sumulat ng email address na nagsasaad ng protocol ( mailto:). At pagkatapos ay kapag nag-click ka sa link na ito, magbubukas ang isang window programa ng mail gamit ang email address na inilagay sa field na "Kay". Sa HTML code ganito ang hitsura:

mailto: [email protected]">Aking mail

At sa browser tulad nito:

Maaari mo ring gamitin ang katangian sa tag pamagat. Sa tulong nito, nagagawa ang isang tooltip na lalabas kapag nag-hover ka ng mouse sa isang link.

title="Pumunta sa pangunahing pahina">!} Home page

§ 7. Konklusyon

Ito ang pangunahing impormasyon tungkol sa paggawa ng mga link sa HTML. Tungkol dito ang araling ito maaaring ituring na natapos. At ang katotohanang ito ay nagpapahiwatig na karamihan Mga pangunahing kaalaman sa HTML kabisado mo na.

Inirerekomenda ko na muli mong suriin ang mga nakaraang seksyon, at pagkatapos ay lumikha ng isang ganap na HTML na pahina na nakatuon, halimbawa, sa iyong mahal sa buhay. Ayon sa iyong disenyo at ayon sa iyong kagustuhan. Pagkatapos ay i-post ito sa ilang website (siyempre, kung mayroon ka, pagkatapos ay dito) at lubos na humanga sa iyong unang website.

Maaari mo itong ipakita sa iyong mga kaibigan o sinuman. Sa pangkalahatan, pakiramdam tulad ng isang may-ari ng website. At pagkatapos, pagkatapos ng kaunting pagsasaya sa okasyon ng naturang kaganapan, lumipat sa susunod na seksyon, kung saan sasabihin ko sa iyo ang tungkol sa paglikha ng mga talahanayan sa HTML.

At ito na ang magiging unang hakbang patungo sa gawing seryosong mapagkukunan ang iyong personal na pahina.