Mga computer, Programming
Paano upang magsingit ng isang hyperlink sa HTML? Ang paglikha at paggamit ng mga hyperlink sa isang HTML
Hypertext ay isang teksto na naglalaman ng mga link sa iba pang mga teksto. Mga halimbawa ay mga tala ng may-akda sa mga kumplikadong mga kahulugan o footnote translation sa ibaba ng pahina ng aklat, kung ito ay natagpuan teksto sa isang wikang banyaga. Internet site ay isang komplikadong sistema ng hypertext jumps mula sa isang pahina papunta sa isa sa loob ng pahina mismo, ngunit din sa pagitan ng mga hindi kaugnay na single-themed na yaman. Tulad ng isang istraktura ay praktikal, sine-save ng maraming oras, ay nagbibigay-daan sa mga bisita upang mabilis na mahanap ang impormasyon na kailangan mo, at hindi upang mawala sa isang malaking bilang ng mga transition.
insert hyperlink
Sa HTML upang ipasok ang mga hyperlink gamit ang descriptor (tag) , na kung saan ay nakapasok sa tamang lugar. Karaniwan ito ay isang sa gitna ng mga teksto bilang isang hyperlink sa kanyang sarili ay isang teksto ng istraktura. Ngunit ang mga link ay mas graphics (mga icon, mga pindutan, mga larawan); sa mga ito ay tinalakay nang higit pa. Ang kanilang lokasyon sa isang web page ay hindi limitado sa teksto, ngunit depende sa maker disenyo ng site desisyon.
Ito ay isang halimbawa ng kung paano upang magsingit ng isang hyperlink sa HTML na dokumento na ay isinasagawa sa pamamagitan tag. Site ng mga bisita ay makikita ang nakasalungguhit na teksto na ay naiiba mula sa mga kulay ng mga nakapaligid na text (ang kulay HTML-link ay maaaring maging anumang bagay), "ang Google home page", sa pamamagitan ng pag-click sa iyon, siya ay makakakuha ng sa home page, ang "Google" sa search engine. Dapat ito ay nabanggit na ang teksto ng hyperlink ay dapat maglaman ng impormasyon tungkol sa kung saan ang paglipat ay natupad. prinsipyo na ito ay dapat na sinundan at kinuha bilang isang panuntunan!
tag istraktura ...
Maaari mong mapansin na tag - Doubles: Kinakailangan ng pagsasara ng tag .
href - tag attribute tinutukoy ang patutunguhan ng isang link.
https://google.com/ - attribute value, ipalibot ang URL-address ng isang mapagkukunan sa kung saan upang gawin ang paglipat. Ito ay double o single quotes. Ito ay depende sa istraktura ng nesting tag ng patakaran HTML.
ang buong istraktura ay isang elemento ng isang web dokumento.
Sa ilalim ng mga patakaran ng HTML, ang ilang mga elemento ay maaaring maglaman ng iba pang mga elemento. Tag walang exception. Kung ang programmer na kailangan upang i-highlight sa bold ang salita ng Google, gawin mo ito sa pamamagitan ng paggamit ng tag na ayon sa mga pangkalahatang tuntunin ng format ng teksto sa pagkakasunod-sunod ng nakapugad na mga tag. Webmaster ay dapat na malaman kung paano upang lumikha ng isang hyperlink sa isang HTML error-free, kung hindi man sila ay hindi gagana. Broken links sa computer slang tinatawag "pinalo".
Dito: ang elemento
Ito ay naglalaman ng nested
Ngayon ang pahina ng isang bisita ay nakikita ang hyperlink na naka-bold text ang salitang "Google".
absolute hyperlinks
Hyperlinks na gumagamit ng absolute URL-address ng mga site na naglalaman ng mga pangalan ng domain (.ru, .com, .org, .gov ), na tinatawag na absolute, at magkaroon ng mga sumusunod na syntax:
Protocol: // domain name / path ng file
Halimbawa ng address laganap sa Amerika search engine: https://aol.com - absolute, dahil ito ay naglalaman ng mga pangalan ng domain .com.
Absolute hyperlinks ay ginagamit upang mag-navigate sa mga pahina ng iba pang mga site o upang ma-access ang mga mapagkukunan na matatagpuan sa ibang server. Ang transition ay ginanap sa pamamagitan ng paggamit ng Internet protocol. Protocol - ito ay hindi ang paksa ng artikulong ito, ngunit bilang sila ay lumahok sa ang paglikha ng hyperlinks, dapat kang hindi bababa sa madaling sabi banggitin ang mga ito:
- http at https - ang pinakakaraniwang; para sa kanila upang lumipat sa pagitan ng mga pahina ng web ng mga iba't ibang mga site;
- ftp - isang protocol para sa pag-upload ng mga file sa server o-download ng user mula sa mga site;
- mailto - mail protocol na nagpapadala ng e-mail nang direkta mula sa site, nang walang pagpunta sa personal na e-mail.
May ilang mga ulat ng mga espesyal na layunin (gopher, telnet), ay medyo bihira, ang paggamit ng mga na kung saan ay nangangailangan ng espesyal na kaalaman sa programming o pangangasiwa ng sistema.
kamag-anak hyperlinks
May kamag-anak pagtugon, ang paggamit ng mga hyperlink sa HTML na ginagamit para sa mga transition sa buhay at hindi humahantong sa kabila nito. Kung ang pahina ay kaya malaki na tumatakbo vertical scrollbar, minsan masyadong mahaba, tulad ng sa isang diksyunaryo, ito ay lubos na maginhawa at naaangkop na mga relatibong link upang tumalon sa ninanais na titik.
Ang paglikha ng online na diksyonaryo, ang isang programmer sa simula ng pahina ay ang alpabeto, at kung hindi para sa paggamit ng mga link, ang user ay sana ay nagkaroon ng isang napaka-haba ng oras upang i-on ang wheel ng mouse upang makapunta sa titik "I".
Upang lumikha ng isang kamag-anak ng link gamit ang pangalan ng katangian tag:
kung saan ya tinatawag na anchor, habang Bumalik sa sulat ko - anchor destination. Para sa tamang display ng mga anchor ng ito ay inirerekumenda na gumamit ng mga titik at numero, kaya huwag isulat ang "I", kahit na ito ay naging maliwanag.
Ngayon na ang paglipat mula sa alpabeto sa simula ng pahina upang ang titik "I", ito ay kinakailangan upang gawin ang mga anchor peg sa HTML-dokumento, na nagsisimula sa mga titik na "I":
sa harap ng anchor nakatayo number sign, nang walang kung saan ang paglipat sa ang titik ay hindi gagana.
Kamag-anak pagtugon kapag pagbuo ng isang website
Maginhawa at ang pinaka-karaniwang algorithm para sa paglikha ng isang software site:
- Gumawa ng isang folder sa iyong computer at ang lokasyon nito sa mga site para sa kaginhawahan ng mabilis na pag-access;
- paglikha index.html sa folder ng home page;
- ang paglikha ng secondary web page (index.html / page2);
- Lumikha ng isang folder at paglalagay nito sa mga file ng imahe;
- Lumikha ng isang folder at paglalagay nito sa iba pang mga bagay (mga file para sa pag-download, halimbawa);
- pagpuno ng nilalaman ng site;
- paglalagay ng site sa pag-host ng mga file.
Kinakailangang magkaroon upang magamit para sa mga link sa komunikasyon sa pagitan ng mga elemento ng site, at magiging napaka-kapaki-pakinabang upang malaman kung paano upang magsingit ng isang hyperlink sa HTML sa isa pang pahina ng parehong site. Kung ang site nakapaloob sa parehong directory sa parehong server, hindi na kailangan na gumamit ng absolute addressing. Kapag ang paglilipat ng mga file sa site hosting ng mga link sa pagitan ng mga bagay mananatili, dahil ang mga ito ay nagho-host at ay malalagay sa parehong directory.
Ipagpalagay na ang isang programmer ay lumikha ng isang home page index.html site, na may isang link sa ibang pahina page2.html, pinalamutian na may larawan img.png. Pagkatapos ay ang kamag-anak landas sa ang imahe ay maging ganito ang hitsura:
Tip: sa pag-aaral ng paksang ito ay pinakamahusay na gumamit ng isang simpleng editor ng teksto para sa dahilan na ito ay kinakailangan upang kumuha ng kahusayan sa tamang spelling ng paglipat ng mga address, at upang malaman upang maunawaan ang ibang tao code. Sa yugtong ito ay magiging isang mahusay na resulta nang walang error na isinulat ng isang hyperlink sa isang notebook, HTML ay hindi patawarin mo sila, at nagbibigay ng isang error.
Paraan click ang isang hyperlink
Sa pamamagitan ng default, ang isang bagong pahina ay bubukas sa kasalukuyang window ng browser kapag ang isang user ay nag-click sa hyperlink. Ngunit ang isang web programmer ay maaaring baguhin ang default at pilitin buksan ang pahina, halimbawa, sa isang bagong window. Para sa layuning ito ay may isang target na katangian na may isang tiyak na halaga nito. Wala kahit saan ay posible na ipahayag ang mesa.
| _blank | bubukas ang pahina sa isang bagong window ng browser |
| _self | bubukas ang pahina sa kasalukuyang window (default na setting) |
| _parent | bubukas ang pahina sa parent frame |
| _top | gumagamit ng mga frame kanselahin ang lahat ng ito at bubukas ang pahina sa kasalukuyang window ng browser |
Ang syntax para sa paglalapat ng mga katangian target ang:
Home "Google" ay magbubukas sa isang bagong window.
Tandaan: upang buksan ang pahina sa isang bagong tab, walang halaga para sa attribute na ito, at naka-set sa pamamagitan ng ang user sa mga setting ng browser.
Ang kulay ng hyperlink
Ang isang bihasang user ng Internet sa paglipas ng panahon, dapat may napansin na ang mga hyperlink ay naiiba sa kulay mula sa nakapalibot na teksto, at ang mga ito ay karaniwang asul. Mga link sa kung saan siya ang pumasa, at pagkatapos ay nagpunta bumalik sa nakaraang pahina, mga lila. Gamit ang hyperlinks sa HTML nasa di-karaniwang kulay ng kaunti, ngunit naglalaan ng site bukod sa iba pa.
Itinatakda ang kulay ng mga link sa seksyon ng
na tag gamit ang mga katangian at ang kanilang mga halaga, na naghahain ng HTML kulay sa rgb system (# 00FF00) o sa isang direktang indikasyon ng pangalan ng kulay ( «green»). May tatlong mga uri ng mga katangian para sa mga link:- link - tumutukoy sa mga kulay ng unvisited link;
- vlink - tumutukoy sa kulay ng mga link sa pamamagitan ng kung saan ang user ay lumipas na;
- alink - tumutukoy sa kulay ng mga link kapag lumilipat sa ibang pahina. Ito ay mabilis, kaya hindi laging ka maaaring mahuli ang effect na ito.
pagmamarka Halimbawa:
Kung mag-apply ka sa mga katangian sa tag na
, ang reference sa mga web dokumento ay magiging madilim na bughaw, binisita - mga lilang at aktibo - orange-red.graphic hyperlinks
Pag-unlad at web pagdisenyo unlad ay nangangailangan upang malaman kung paano upang magsingit ng isang hyperlink sa HTML bilang isang imahe. Ito ay malinaw na ang larawan ay dapat tumugma sa mga nilalaman ng pahina patutunguhan. Halimbawa, ang pangunahing pahina ng mga panggamot mga halaman ay maaaring iniharap sa anyo ng mga larawan ng mga halaman, pag-click sa kung saan ang gumagamit ay pumunta sa isang pahina na naglalarawan sa panggamot mga katangian ng mga halaman.
Malawak na ginamit na paraan upang palitan static pindutan () sa magandang graphics nilikha sa pamamagitan ng isang web designer sa graphics editor (GIMP, Photoshop).
Upang magsingit ng isang graphic bilang mga hyperlink sa mga pahina ng site ay gumagamit ng parehong syntax, ngunit sa halip ng teksto gamit ang isang imahe tag sa pamamagitan ng pagpasok ng mga patakaran ng HTML:
Sa pamamagitan ng tag sa parehong paraan na naaangkop katangian tukuyin ang isang kahalili teksto, lapad, taas, at iba pa.
Ang mga tawag mula sa website
html5 karaniwang ay pinalawak ang pag-andar ng paggamit ng Internet, at maaari mo na ngayong gumawa ng mga tawag hindi lamang mula sa telepono, ngunit direkta mula sa site. Para sa layuning ito, maaari mo ring gamitin ang mga hyperlink sa isang HTML na dokumento, at mayroon silang ang mga sumusunod na syntax:
Sa halip na ang salitang "partido" ay inireseta intuitive caller contact sa phonebook. Maaari ka ring maglagay ng isang graphic file (user larawan).
Iyon tawag ay ginawa sa site, kailangan mong magkaroon ng hindi lamang isang sanggunian sa numero ng telepono ng subscriber, ngunit din ng isang headset (mikropono, headphone) na naka-install sa iyong computer VoIP-program, Internet bilis dapat lumagpas sa 0.5 MB / sec. Pagbabayad para sa mga tawag na ginawa daloy ng trapiko. Samakatuwid, kung ang Internet ay walang limitasyon, ang mga tawag ay libre.
Etika lumikha ng hyperlinks
Sa pamamagitan ng paglalagay sa site sa Internet, ang webmaster ay dapat na malaman kung ano ang uri may mga hyperlink sa HTML, at hindi lamang ang karapatan na gamitin ang mga ito propesyonal, ngunit din sumunod sa mga sumusunod na probisyon:
- hyperlink ay dapat na madaling makikita, iba't-ibang mula sa kanyang nakapalibot na teksto. Ang user ay dapat malaman na ito ay - isang hyperlink.
- Ang gumagamit ay dapat na malinaw kung saan siya ay makakakuha ng sa pamamagitan ng pag-click sa link na ito. Upang gawin ito, ito ay ipinapayong gumamit ng higit pang mga attribute pamagat, na kung saan succinctly na naglalarawan sa pahina ng conversion. Syntax ng application na attribute ay:
- Ang user ay dapat makakuha ng tumpak na impormasyon tungkol sa mga file na ida-download kapag nag-click sa link.
Sa sandaling ito ay hindi ang inaasahang pahina o sa pamamagitan ng pag-download ng maling file, ang user ay 99% ng agad-agad na umalis sa site at hindi kailanman ito ay hindi pumunta down sa hinaharap.
Anti-Seo upang lumikha ng hyperlinks
Bilang karagdagan sa mga teknikal na bahagi ng tanong ng kung paano upang magsingit ng isang hyperlink sa HTML, ay dapat na naka-highlight ng higit pa at moral na aspeto. Mayroong maraming mga website na kung saan ang block sa mga user upang security software (Antivirus), o kahit estado. Ang mga ito ay ang mga site na nilikha sa marumi web programmer kamay.
Ang isa sa mga tricks sa kung saan sila ay resort - ay upang ipasok ang "invisible" hyperlink sa isang Web pahina. Scammers malaman kung paano lumikha ng isang hyperlink sa HTML, at gamitin ang underscore attribute upang alisin ang mga link at italaga ito ang kulay ng nakapalibot na teksto upang ang average na gumagamit ay hindi makita ang kanyang. At sa tulong ng iba pang mga tool teknolohiya sa web (CSS, JavaScript, PHP) ay maaaring-program ang kanilang pag-uugali. Halimbawa, onmouseover JavaScript wikang kaganapan aktibo ng ang epekto ng mga elemento ng web page. Kapag ang user ay humahawak ang cursor sa isang hindi nakikitang link, siya ay makakakuha ng sa mga pahina ng advertising ng iba pang mga site. O kahit na mas masahol pa, kapag may isang hindi nakikitang link sa isang file sa kanyang computer at nagsisimula na-download at mai-install unneeded software. Karaniwan, ang isang virus na nagbago homepage ng browser, magkalat sa hard disk at iba pang mga programa sa masa.
Sa lalong madaling panahon ang naturang mga site ay nabibilang sa mga "black list" ng database virus, seguridad at ang mga kapaligiran ng mga gumagamit ng Internet. Ang ganitong mga site ay hindi huling mahaba, at mayroon sila upang baguhin ang kanilang mga pangalan upang mag-migrate endlessly sa Internet, pagpapalit ng host provider. Ito ay hindi kaaya-aya sa pag-promote ng isang site, na kung saan ay laging naglalayong lumikha nito, hindi kailanman gawin itong megaportals, tulad ng, halimbawa, mga social network. Kabilang sa iba pang mga bagay, ang mga ito tricks maging sanhi ng maraming mga negatibong damdamin sa mga biktima ng mga tao na aksyon.
Similar articles
Trending Now