Hyperlinkki - mikä se on, kuinka tehdä linkki ja lisätä koodi HTML-koodiin (href, kohde tyhjä ja muut tunnisteen attribuutit). Kuinka lisätä hyperlinkki HTML:ään? Hyperlinkkien luominen ja käyttö HTML:ssä Hyperlinkin lisääminen web-sivulle

Luulen, että ymmärrät jo mitä tässä luvussa käsitellään... ja tiedät mikä linkki on, jos ei, napsauta tästä. Linkkejä on useita, samoin kuin "mekanismeja" niiden napsauttamiseksi. Tässä luvussa yritän puhua yksityiskohtaisesti linkkien rekisteröimisestä sekä niiden kanssa työskentelyn monimutkaisuudesta.

Lyyrinen poikkeama:
Kerran armeijassa esikuntapäällikkö tuli luokseni ja antoi käskyn, lainaan:
Tuo minulle se asiakirja, vaikka en tiedä missä se on tai mikä se on!! Miksi seisot? Juostaan!! Olen myöhässä!!!

Joten mitä tarkoitan tällä, jotta selain ei joutuisi umpikujaan, kuten tein silloin, sen on tiedettävä: asiakirjan tarkka nimi, asiakirjan polku ja paikka, johon se tuodaan, tai pikemminkin missä se avataan.

Tällä hetkellä olemme muistilehtiöllä luoneet vain yhden HTML-dokumentin, minulla on se nimellä index.html (miksi valitsit niin oudon nimen index.html ja miksi sitä tarvitaan, katso) En tiedä kumman, keksit nimen itse, mutta luulen, että muistat sen ja tiedät missä se on, ellet tietenkään ole kansliapäällikköni :).. Tässä dokumentissa yritämme luoda linkin toiseen asiakirjaan joita meillä ei vielä ole.. Joten ennen kuin linkität siihen, sinun on luotava se , onneksi tiedät jo, miten tämä tehdään.

Avaa muistilehtiö.

Kirjoitamme koodia html-kielellä. esimerkiksi sivu, jossa on valokuvasarja.

Tallennamme sen html-sivuna samaan työkansioon, jossa ensimmäinen luomamme dokumentti on jo olemassa. Kutsutaan sitä nimellä primer.html sekaannusten välttämiseksi ja nimetään ehkä ensimmäinen uudelleen nimellä index.html

Nyt tiedän, että sinulla on kaksi html-dokumenttia index.html ja primer.html ja että sinulla on nyt vähimmäismäärä jatkokoulutukseen.

Tekstilinkit.

Tavataan tag (ankkurista), voit liittää siihen tekstiä tai kuvan, josta tulee linkki tiettyihin asiakirjoihin. Tag-attribuutti href määrittää nimen ja polun asiakirjaan, johon linkki osoittaa.

Kaiken kaikkiaan se on kirjoitettu näin:

Tässä minun kuviani!!

Kuten luultavasti ymmärsit, primer.html on toisen html-dokumenttimme nimi ja teksti "Tässä ovat minun valokuvani!!" tämä on tekstinpätkä index.html-tiedostosta.

Analogisesti kuvien kanssa tunniste Linkkipolku avattavaan asiakirjaan määritetään samoilla menetelmillä:

Tässä minun kuviani!! - Tämä merkintä tarkoittaa, että hakemistossa, jossa ensimmäinen html-dokumenttimme sijaitsee, on stranica-kansio, jossa primer.html-tiedosto sijaitsee
Tässä minun kuviani!! - Tämä tarkoittaa, että primer.html-tiedosto sijaitsee yhden tason ylempänä asiakirjasta
Tässä minun kuviani!! - asiakirja sijaitsee verkkosivustolla www.site.ru..

No, kokeillaan? Alla on esimerkki kahdesta dokumentista, jotka sisältävät toisiinsa osoittavia linkkejä.

Index.html-tiedosto:

Linkin tekeminen tekstiin





Kerro minulle, rakas lapsi: missä korvassa se surina?


Oikealla vai vasemmalla?



Primer.html-tiedosto:

Seurasi linkkiä täällä





Mutta en arvannut oikein! Mulla surina molemmissa korvissa.


No, en pelaa noin...

Esimerkistä näet, että linkit on korostettu väreillä, oletuksena sininen on linkki ja punainen on jo vierailtu linkki, näitä värejä voidaan muuttaa meille jo hyvin tutulla avaustunnisteella< body >ja sen ominaisuudet.

linkki - linkin väri.
alink - napsautetun aktiivisen linkin väri.
vlink - vieraillun linkin väri.

Se on kirjoitettu näin:

Jatkettaessa puhetta tekstilinkin väristä, on syytä mainita, että voit tarvittaessa pakottaa sekä koko linkin että sen yksittäiset osat (lauseet, sanat, kirjaimet) korostamaan värillä tutulla tunnisteella ja sen värillä attribuutti. Tämä ei kuitenkaan koske vain värejä, voit myös määrittää tekstin koon, tyylin ja fontin erikseen. Muista kuitenkin, että värinkäsittely on tehtävä tunnisteen sisällä tässä eikä yli laidan, muuten linkin väri on joko oletusarvoisesti tai tunnisteessa määritettynä

Index.html-tiedosto:

Sateenkaari



Katso lause, joka auttaa sinua muistamaan sateenkaaren värien paikat


R
A
D
U
G
A




Primer.html-tiedosto:

Sateenkaari




Joka
metsästäjä
toiveita
tietää
Missä
istuu
fasaani



Palaa pääsivulle

Sivuston yhden sivun nimi on oltava index.html. Robottiohjelma etsii tämännimistä tiedostoa verkkosivustoltasi, kun henkilö kirjoittaa verkkosivustosi nimen. Koska index.html-sivu avataan ensin, tee siitä pääsivu. Voit kutsua muita sivuja miksi haluat... nimissä ei ole enää vivahteita.

Tietoja rekisteristä... Kun kirjoitat dokumenttien polkua ja nimiä, muista, että esimerkiksi: Sivu.html, sivu.html ja SIVU.html ovat eri dokumenttien nimiä! Sama koskee kirjanmerkkien ja kuvien nimiä. Harkitse aina tapausta, kun kirjoitat koodia, on suuri todennäköisyys, että yksi tai toinen selain ei tunnista tällaisia ​​nimiä. Tehkää säännöksi kirjoittaa ja kutsua kaikkea pienillä latinalaisilla kirjaimilla, niin inhimillisen tekijän ja ohjelmien oikeiden riski vähenee nollaan.

Kolmen napsautuksen sääntö...

Yritä muodostaa "linkkipuu" siten, että sivuston vierailija pääsee miltä tahansa sivulta mihin tahansa sivuston paikkaan mahdollisimman pienellä määrällä klikkauksia. Yli kolme siirtymistä haluttuun paikkaan sivustolla ei ole enää hyväksi tarpeettomien sivujen loputon lataaminen henkilölle voi johtaa hermoromahdukseen ja sivuston ennenaikaiseen sulkemiseen. Säästä ihmisten aikaa, rahaa ja hermoja.

Ohjeet

Hypertekstilinkit on suunniteltu linkittämään tekstiä, kuvia tai muita sivuelementtejä muihin hypertekstidokumentteihin. Web-sivuston sivun kaikki elementit, linkit mukaan lukien, ovat selaimen luomia, ja se saa tarkat ohjeet palvelimen sille lähettämästä sivukoodista. Tämä HTML-koodi (HyperText Markup Language) koostuu "tageista", jotka kuvaavat verkkosivun kaikkien elementtien tyyppiä, ulkonäköä ja sijaintia. Selain luo vakiohyperlinkin, kun se kohtaa esimerkiksi seuraavan tunnisteen sivukoodissa: Tekstilinkki Tässä on linkin avaus- ja lopputunniste. Aloitustunniste voi sisältää lisätietoja - "attribuutteja". Tässä yksinkertaisessa linkissä href-attribuutti sisältää sen sivun tai asiakirjan osoitteen, johon pyyntö lähetetään, jos vierailija napsauttaa linkkiä. Joskus koko osoitetta ei tarvitse ilmoittaa - jos pyydetty asiakirja on palvelimella samassa kansiossa (tai alikansiossa), riittää, että ilmoitat vain sen nimen tai polun alikansioon. Näitä kutsutaan "suhteelliseksi", niiden pitäisi olla esimerkiksi näin: Tekstilinkki Kun napsautat tätä linkkiä, latautuu samasta kansiosta oleva dokumentti moreText.html. Ja absoluuttiset linkkien osoitteet alkavat protokollan merkinnällä, esimerkiksi: Tekstilinkki Tässä “http” (HyperText Transfer Protocol) on verkossa olevan asiakirjan tavallinen osoite. Ja jos määrität "mailto"-protokollan, hyperlinkki käynnistää sähköpostiohjelman sen sijaan, että siirtyisi osoitteeseen :email-link. FTP-palvelimella olevissa tiedostoissa olevissa linkeissä ne osoittavat vastaavasti FTP-protokollan (File Transfer Protocol). ): Arkistolinkki

Toinen hyperlinkin attribuutti, joka määrittää, mihin ikkunaan tämä uusi asiakirja ladataan, "kohteena". Jos pystyt syöttämään minkä tahansa oikean osoitteen href-attribuutissa, targetilla voi olla vain neljä arvoa: _self - sivu on ladattava samaan ikkunaan tai kehykseen. "Kehykset" ovat yksi osa ikkunasta, joka on jaettu useisiin osiin. Ja arvo _parent edellyttää, että linkin osoittama sivu ladataan tähän pääikkunaan _top - uusi sivu on ladattava samaan ikkunaan. Jos tämä ikkuna on jaettu kehyksiin, ne tuhoutuvat ja uusi sivu on ainoa kehys tässä ikkunassa.
Linkki avautuu uuteen ikkunaan

On mahdollista luoda hyperlinkki, joka ei mene toiselle sivulle, vaan saman asiakirjan jollekin määritetylle osalle. Osoittaaksesi tällaisen "kohteen" asiakirjan html-koodissa, käytä ankkurilinkkiä: Ja linkki, joka vierittää asiakirjan tähän ankkuriin, näyttää tältä: Linkki sivun ensimmäiseen ankkuriin Voit linkittää ankkureihin paitsi tässä dokumentissa, mutta myös muissa: Ankkuri toiselle sivulle Tietysti toisen dokumentin html-koodissa täytyy olla sellainen ankkurilinkki, jossa on attribuutti name="Ankkuri1".

Tekstin lisäksi myös muut sivuelementit, kuten kuvat, voivat toimia hyperlinkkinä. Yksinkertaisin tagi, joka piirtää kuvan, näyttää tältä: Jotta kuvasta tulisi hyperlinkki, se on suljettava linkin avaus- ja sulkemistunnisteiden väliin:

linkit taulukot lomakkeet video audio HTML-viite CSS-viite Verkkosivuston asettelu

Edellisellä oppitunnilla tarkastelimme loogisia merkintätageja: otsikoita, kappaleita ja opimme luomaan luetteloita ja miten niitä muotoilla. Nyt nähdään, kuinka kuvia lisätään sivulle ja elementtien tyyli asetetaan attribuuttien avulla. Ja mikä tärkeintä, opimme luomaan verkkosivuston - linkitämme opettavaiset html-sivumme linkeillä.

Meillä on jo yksi sivu, luodaan toinen: index.html- Tämä on sivuston pääsivun vakionimi. Jos aiot vakavasti tehdä verkkosivuston, on hyödyllistä kirjoittaa koodi manuaalisesti. Ja laiskoille ja käytännöllisille: avaa edellinen harjoittelun html-sivu Notepadissa ja aseta nimi: index.html (Tiedosto - Tallenna nimellä).

Älä unohda tiedostotyyppiä ja koodausta - UTF-8 (katso ensimmäinen oppitunti HTML-sivun luomisesta Muistiossa). Avaa sitten index.html-tiedosto Muistiossa ja muokkaa sitä siten, että se näyttää tältä:

Niille, joilla ei ole tietokonelukutaitoa: kaksoisnapsauta tiedostoa hiiren vasemmalla painikkeella .html avaa sen pääselaimessasi. Avataksesi sen toisessa selaimessa, napsauta sitä hiiren kakkospainikkeella, valitse valikosta "Avaa sovelluksella" ja valitse selaimen nimi. Siellä voit valita Muistio- tai muun editorin muokataksesi tiedostoa.

Katsotaan nyt, mitä selaimessa on. Koko sivun vaaleanvihreä taustaväri asetetaan Body-tunnisteen bgcolor-attribuutilla:

Kuten monet tunnisteet, myös Bodylla on useita attribuutteja, jotka määrittävät tässä tunnisteessa olevien elementtien tietyn tyylin. Esimerkiksi tekstin väri voidaan määrittää text-attribuutilla. Koska Body on koko sivun näkyvä osa, jolloin parametri koskee koko sivun tekstiä.

Voit määrittää yksittäisten elementtien, kuten kappaleen P tai otsikoiden, värin käyttämällä universaalia tyylimääritettä, esimerkiksi: ... - otsikon valkoinen väri. Katso väriarvot html:ssä. Hakemistotaulukoissa jokaiselle tunnisteelle on "Universal Attributes" -sarake: on helppo ymmärtää, koskevatko ne elementtiä vai eivät.

Kuinka lisätä kuvia

Sijoita kaikki kuvat samaan kansioon kahden opetusohjelman html-sivun kanssa. Itse kansiota voidaan kutsua esimerkiksi Site1:ksi. Muuta kuvatiedostojen nimeksi img1, img2, img3, kuten kuvakaappauksessa. Tai muuta nämä nimet koodissamme kuviesi nimiksi ja vaihda tarvittaessa laajennuksia (tiedostomuoto). Minulla on nämä kuvat 3D-ihmisistä .jpg-muodossa:

Olet luultavasti kuullut ilmaisun "Sivuston juurihakemisto" - tämä on hakemisto (kansio), jossa kaikki sivuston tiedostot sijaitsevat. Se voi sisältää muita kansioita: kuvia, komentosarjatiedostoja, yksittäisiä sivuston osia. Jotta ei menisi myöhemmin hämmentymään eri tiedostopäätteisten tiedostojen joukkoon, kannattaa luoda esimerkiksi erillinen kansio kuville. Ja suurille sivustoille - useita kuvakansioita sen eri osioihin.

Jos kuvasi sijoitetaan erilliseen kansioon, esimerkiksi nimellä "papka", polku siihen (pakollisen scr-attribuutin arvo) näyttää tältä: . Jos kuvat eivät näy selaimessa, syynä on vain kaksi: väärä tiedostopolku tai kirjoitusvirhe. Olet jo huomannut, että Img-elementissä ei ole sulkevaa tunnistetta. Katsotaanpa muita Img-tunnisteen käytettyjä attribuutteja.

Toisessa kuvassa img2.jpg: alt-attribuutti - arvo on teksti, joka näkyy, jos selain ei jostain syystä voinut näyttää kuvaa. On suositeltavaa käyttää alt-attribuuttia ja sisällyttää siihen avainsanoja. Kolmas kuva sijoitetaan P-tunnisteeseen, ja sen sijainti kappaletekstin oikealla puolella määräytyy kuvan tasaamiseen tarkoitetun align-attribuutin "oikea" arvon mukaan.

On myös syytä huomata, että verkkografiikassa käytetään jpg-muodon lisäksi gif- ja png-muotoja. On suositeltavaa opetella optimoimaan kuvia verkkoa varten ja käyttämään Photoshopia. Optimoidut, kevyemmät kuvat hidastavat sivujen lataamista selaimessa vähemmän.

Muuten, näet sisennykset (eri määrä välilyöntejä) jokaisen koodirivin alussa - ne eivät ole välttämättömiä. Tämä tehdään visuaalisen mukavuuden vuoksi, jotta verkkovastaavan on helpompi muokata asiakirjaa tulevaisuudessa. Mutta jos et tee paljon puutteita etkä jätä tyhjiä rivejä, html-sivu on kooltaan pienempi.

Linkistä: html-sivujen linkittäminen verkkosivustoon

Linkit (hyperlinkit) - tag A href-attribuutilla, jonka arvo on tiedoston polku (URL), sijoitin Li-luettelon elementteihin, jotka näemme sivun kuvakaappauksessa (2.) selain. Linkkejä on kolmenlaisia: ensimmäiset linkit sivustolle, jossa olet tällä hetkellä. Jos napsautat sitä, jos sinulla on Internet-yhteys, sinut ohjataan sivustoni pääsivulle. Jos lisäät URL-osoitteeseen "/index.html", tulos on sama.

Esimerkkinä toinen linkki johtaa olemattomalle sivulle spravochnik.html, joka sijaitsee sivustoni "papka"-kansiossa. Näillä kahdella linkillä on täydet polut asiakirjoihin, joihin ne linkittyvät. Kolmannella hyperlinkillä on suhteellinen polku. Jotta se toimisi, sinulla on oltava index.html-sivu samassa kansiossa kuin sivu, jolla tämä linkki sijaitsee. Tässä tapauksessa se linkittää samalle sivulle (itseensä).

Nuo. Muiden sivustojen sivuille johtavat linkit voivat sisältää vain koko URL-osoitteen. Ja linkeillä saman sivuston sisäisille sivuille voi olla sekä täydellinen että suhteellinen osoite. Tietoja määritteistä: title-attribuutin arvo (jota ei pidä sekoittaa tunnisteeseen) on teksti, joka tulee näkyviin, kun viet hiiren osoittimen elementin päälle, katso 2. kuvakaappaus. Otsikko on universaali attribuutti, jota voidaan käyttää samoissa kuvissa. Kohdeattribuutti, jonka arvo on "blank", avaa sivun uudelle selaimen välilehdelle.

Yhdistetään nyt kaksi koulutussivuamme yhdeksi sivustoksi. Lisätään molemmille sivuille välittömästi Body-tunnisteen jälkeen kaksi tällaista riviä (tässä 8. ja 9.) - kaksi hyperlinkkiä:

Ensimmäinen linkki johtaa tämän päivän hakemistosivulle, toinen toiselle koulutussivulle (minulle se on formatirovanie_teksta.html, sinulla voi olla mikä tahansa muu nimi). Pohjimmiltaan loimme kaksisivuisen sivuston, ja nämä linkit ovat sivustovalikko. Lisäsin linkkien väliin kolme katkeamatonta välilyöntiä luodakseni sisennyksen linkkien erottamiseksi. Napsauta selaimesi linkkejä.

Hei rakkaat blogisivuston lukijat! Kuten tiedät, verkkosivuston menestyksekkääksi mainostamiseksi ja sen aseman parantamiseksi hakutuloksissa on välttämätöntä suorittaa verkkosivuston laadukas SEO-optimointi. Käsite "", joka puolestaan ​​​​jaetaan sisäiseen ja ulkoiseen, liittyy erottamattomasti sellaisiin käsitteisiin kuin "sisäiset ja ulkoiset sivustolinkit". Siksi meille on erittäin tärkeää tietää kuinka monta linkkiä sivustolla tulisi olla, kuinka tarkistaa niiden lukumäärä, kuinka poistaa tarpeettomat linkit sivustolta ja estää niiden indeksointi, kuinka lisätä linkkien massaa jne. Jotta voimme vastata kaikkiin näihin ja muihin sisäisiä ja ulkoisia linkkejä koskeviin kysymyksiin, ymmärrämme ensin, mikä linkki (tai hyperlinkki) on HTML:ssä.

Tässä artikkelissa kerron sinulle, mikä linkki on, kuinka tehdä hyperlinkki HTML-kielellä verkkosivustolle, kuinka avata linkki uuteen ikkunaan, miten luodaan linkki sähköpostiosoitteeseen (sähköpostiin) ja miten laita linkki kuvaan. Käsittelemme myös sellaisia ​​käsitteitä kuin html-tunnisteet ja hyperlinkkiattribuutit, linkkiankkuri, html-ankkuri ja hash-linkit. Joten aloitetaan.

Mikä on linkki (hyperlinkki).

Jos hyperlinkki johtaa verkkosivulle tai tiedostoon, jota ei ole olemassa (poistettu, siirretty) tai sen osoite on virheellinen, tällaista linkkiä kutsutaan rikkinäiseksi linkiksi. Sivustolla ei saa olla rikkinäisiä linkkejä, koska ne johtavat kävijöitä harhaan, ja linkkiä napsautettuaan henkilö ei todennäköisesti palaa sivustollesi. Puhumme lisää siitä, miksi rikkinäiset linkit näkyvät, kuinka löytää ja korjata ne, erillisessä artikkelissa. Nyt jatketaan.

Linkin (hyperlinkin) tekeminen HTML-kielellä verkkosivustolle.

Linkin tekeminen toiselle sivulle omalla tai toisella sivustolla on erittäin helppoa. Hyperlinkin luomiseksi sinun on kerrottava selaimelle, mikä linkki on, ja ilmoitettava sen asiakirjan osoite, johon se johtaa. Tämä tehdään HTML-tunnisteen avulla ja pakollinen href-attribuutti:

Tässä URL on sen asiakirjan osoite, johon siirrytään. Ja tagien välissä oleva hyperlinkkiteksti Ja, kutsutaan linkkiankkuriksi ja se näkyy verkkosivun vierailijalle. Sen lisäksi, että linkkiteksti (ankkuri) kertoo lukijalle, mihin siirtymä tehdään, se on myös erittäin tärkeä hakukoneoptimoinnissa (SEO), koska se on yksi sivustosi sijoitukseen vaikuttavista tekijöistä. tämän ankkurin sisältämille avainsanoille. Tyypillisesti tämäntyyppistä sijoitusta kutsutaan linkkisijoitukseksi.

Ehdoton linkki

Niitä käytetään osoittamaan asiakirjaan toisella sivustolla (link is external).

On myös mahdollista tehdä absoluuttisia linkkejä yhden sivuston sisällä, mutta sisäisten linkkien luomiseen on oikeampaa käyttää suhteellisia osoitteita, jotka näyttävät lyhyemmiltä. Mutta kun analysoin erilaisia ​​sivustoja, huomasin, että suurin osa verkkovastaavista luo sisäisiä linkkejä absoluuttisilla osoitteilla. Tällä on etunsa, koska jos sivusi kopioidaan, saat tällä tavalla toimivia käänteisiä linkkejä.

Kuten näet, absoluuttisilla linkeillä kaikki on yksinkertaista. Suhteellisten kanssa se on vaikeampaa, koska niitä luodessasi sinun on ymmärrettävä, mikä href-attribuutin arvo tulee määrittää, koska se riippuu asiakirjojen alkuperäisestä sijainnista. Kuten jo sanoin, kukaan ei todellakaan vaivaudu tähän ja tekee kaikista sivuston linkeistä absoluuttisia. Jos olet kuitenkin kiinnostunut oppimaan lisää suhteellisten linkkien luomisesta verkkosivustolle, voin suositella artikkelia Dmitryltä, blogin ktonanovenkogo.ru kirjoittajalta. En ole koskaan nähnyt yksityiskohtaisempaa ja ymmärrettävämpää selitystä.

Näytän sinulle esimerkiksi, miltä sivuston juureen liittyvään tiedostoon johtava linkki näyttää (leikkasimme yksinkertaisesti kaiken kolmannen vinoviivan vasemmalla puolella samanlaisessa absoluuttisessa linkissä):

Suhteellinen linkki

Pääasiaan

Linkin teksti (ankkuri)

Ponnahdusikkunan tekstin värit ja muotoilu riippuvat vain käyttöjärjestelmästä ja selaimen asetuksista.

Kuinka avata linkki uuteen ikkunaan.

Oletuksena, kun napsautat linkkiä, uusi asiakirja avautuu nykyiseen ikkunaan. Tämä ei kuitenkaan ole minulle henkilökohtaisesti kätevää verkkosivustoja selaillessani. Kun luet artikkelia ja seuraan linkkiä, minulle on kätevää, että sivu avautuu uuteen ikkunaan ja voin jatkaa edellisen artikkelin lukemista milloin tahansa. Toinen syy avata linkki uudessa ikkunassa on se, että kun siirryt jonkun muun sivustolle, on suuri todennäköisyys, että lukija ei palaa takaisin. Varsinkin jos hän tekee useita siirtymiä eikä yksinkertaisesti muista, missä hän oli muutama minuutti sitten.

Tunnisteen target-attribuutti auttaa meitä avaamaan linkin uuteen ikkunaan . Oletuksena sillä on arvo _self , jota ei yleensä määritellä. Jos haluat avata asiakirjan uudessa ikkunassa, muuta kohdeattribuutin arvoksi _blank:

1	Uusi ikkuna

Uusi ikkuna

Mitä sinun tulee tehdä, jos vieraillessasi jonkun muun sivustolla, jossa linkit avautuvat nykyisessä ikkunassa, haluat avata ne uudessa ikkunassa? Sinun tarvitsee vain napsauttaa niitä ei painikkeella, vaan hiiren rullalla. Tässä tapauksessa uusi sivu avautuu uuteen ikkunaan.

Kuinka tehdä linkki sähköpostiin (sähköpostiosoite).

Kun napsautat tätä linkkiä, oletussähköpostiohjelmasi avautuu, ja Vastaanottaja-kenttä on jo täytetty. Jotta kirjeen aihe täytetään automaattisesti, sinun on tehtävä linkki tämän tyyppiseen sähköpostiin:

Dmitry KtoNaNovenkogo neuvoo toista tapaa asettaa kirjanmerkit verkkosivun tekstiin ilman html-ankkureita. Tätä varten teemme kirjanmerkin mistä tahansa sivulla saatavilla olevasta HTML-tunnisteesta ja määritämme sille universaalin id-attribuutin. Laitetaan esimerkiksi h3-otsikkotunniste kirjanmerkkeihin:

Otsikkoteksti

On tärkeää sisällyttää latinalainen kirjain id-attribuutissa ankkurin nimen ensimmäiseksi merkiksi, jolloin voit käyttää muita sallittuja merkkejä.

Palataanpa esimerkiksi takaisin otsikkoon " " ja jatketaan sitten.

Voit käyttää hash-linkkejä siirtyäksesi haluttuun paikkaan, ei vain yhdellä sivulla, vaan myös siirtyäksesi sivuston toiselle sivulle. Tätä varten asetamme html-ankkurin oikeaan paikkaan oikealla sivulla ja itse hash-linkissä kirjoitamme tämän sivun osoitteen hash-symbolin eteen. Esimerkiksi:

Linkitä teksti html-ankkurikirjanmerkkiin

Hyperlinkkien tyypit ja värit HTML:ssä.

• Vierailematon linkki on sininen ja alleviivattu.
• Aktiivinen linkki - muuttuu punaiseksi linkkiä hiiren napsautuksen ja uuden sivun latauksen alkamisen välisenä aikana. On selvää, että hän on tässä tilassa vain lyhyen aikaa.
• Vierailtu linkki – muuttaa värinsä violetiksi napsautettuaan sitä.

Voit muuttaa HTML-dokumentin hyperlinkkien väriä käyttämällä tunnistetta ja sen seuraavia määritteitä:

• Linkki – vierailemattomien linkkien väri.
• Alink – aktiivisen linkin väri.
• Vlink – vierailtujen linkkien väri.

Kaikki yllä olevat attribuutit voidaan yhdistää:

1

Toivon, että nyt on selvää, kuinka luodaan hyperlinkki HTML-sivulle ja sähköpostiin, miten kuvasta tehdään linkki, mitä ovat tekstiankkurit, hash-linkit ja html-ankkurit, mitä ovat html-tunnisteet ja linkkiattribuutit. Yritin parhaani mukaan kertoa yksityiskohtaisesti, mitä HTML-linkit ovat ja mitä ne ovat. Haluan muistuttaa, että hyperlinkkien lisääminen tekstiin tapahtuu vain HTML-tilassa.

En ole koskaan aiemmin kirjoittanut näin pitkiä artikkeleita, yli 10 000 merkkiä. Mutta tämä ei ole linkkien aiheen loppu, jatketaan.

Jos tästä artikkelista oli sinulle hyötyä, napsauta alla olevia sosiaalisen median painikkeita. Nähdään taas sivuilla!

"Hyperlinkit HTML:ssä" on HTML-oppikirjan viides oppitunti. Tämä oppitunti keskittyy hypertekstilinkkien käyttöön. Kaikki verkkodokumentit perustuvat hypertekstilinkkeihin, joten jokaisen verkkovastaavan on kyettävä työskentelemään linkkien kanssa.

Hypertekstilinkkien käytön säännöt.

Hyperlinkit HTML:ssä ovat välttämättömiä erilaisten asiakirjojen yhdistämiseen sekä yhden sivuston sisällä että koko Internetissä. Hypertekstilinkkien (hyperlinkkien) luomiseen käytetään kuvaajaa :

Attribuuttia href käytetään välittämään sen asiakirjan osoite, johon linkki osoittaa.

Hyperlinkkeinä voivat toimia monet erilaiset kohteet, mukaan lukien kuvat:

– sisällönkuvauskentät HTML:ssä.
Voit viitata eri asiakirjojen lisäksi myös näiden asiakirjojen eri osiin. Tätä varten sinun on asetettava johonkin asiakirjan osaan ns. ankkuri - lomakkeen rakenne ja viitattava sitten siihen määrittämällä seuraava koodi href-attribuutissa:

href="http://www.sivusto.#ankkurin nimi"

Jos selain ei löydä määritettyä nimettyä ankkuria kutsuvalta sivulta, selain siirtyy yksinkertaisesti asiakirjan alkuun ilman virheitä.

Hypertekstiviestintä voidaan suorittaa useilla eri protokollilla. Alla on esitelty yleisimmin käytetyt:

• HTTP– protokolla – standardi hypertekstiviestintäprotokolla, joka on suunniteltu kertaluonteiseen tietolohkojen siirtoon.
• FTP– protokolla – yleinen tiedostonsiirtoprotokolla. Vaatii valtuutuksen.
• MAILTO– tavallinen postinsiirtoprotokolla.

Hyperlinkkien määrittäminen HTML:ään.

tagin kohdeattribuutti määrittää, kuinka uusi sivu avautuu, ja ottaa seuraavat arvot:

• _self – asiakirja avautuu nykyiseen ikkunaan
• _parent – ​​kehyksessä, joka on nykyisen kehyksen ylätaso
• _top – koko kehysrakenteen pääikkunassa
• _blank – asiakirja avautuu uuteen ikkunaan

Jos esimerkiksi haluat avata yhteystietoja sisältävän sivun uudessa ikkunassa, sinun on käytettävä seuraavaa koodia:

• Linkki – määrittää sellaisten linkkien ulkoasun, joissa ei ole vielä vieraillut.
• Alink – määrittää jo vierailtujen linkkien ulkoasun.
• Vlink – määrittää valittujen linkkien ulkoasun.

Seuraavalla oppitunnilla puhumme grafiikan käyttämisestä HTML:ssä: opimme lisäämään kuvia, mukauttamaan niiden ulkoasua jne.