Ennen linkin luomista HTML-muodossa sinun on tehtäväselvittää mikä se on ja mitkä ovat niiden tyypit. Mikä tahansa linkki alkaa tunnisteella ja sulkeutuu tunnisteella. Vain se, mikä näiden tunnisteiden välillä on, näytetään käyttäjälle. Selain itsessään ei näytä linkkiä. Se näkyy, kun viet hiirellä tilarivillä.
Kaikki linkit voidaan jakaa eri kriteerien ja tyyppien mukaan. Voit esimerkiksi jakaa linkkejä tarkoituksen mukaan:
- asiakirjan sisällä;
- toiselle verkkosivulle;
- eri tiedostoihin;
- postiosoitteisiin.
Lisäksi toinen ja kolmas piste voidaan jakaa absoluuttisiin ja suhteellisiin osoitteisiin. Lisätietoja tästä myöhemmin. Mieti nyt yksinkertaisinta tapausta.
Kuinka luoda linkki HTML: ään? Voit tehdä tämän avaamalla muistikirjan tai minkä tahansa muun editorin ja kirjoittamalla yllä olevan koodin uudelleen.
Tulos on seuraava.
Mistä linkki koostuu?
Muista, että kaikki linkit vaaditaan:
- tunnisteiden avaaminen ja sulkeminen;
- linkkiteksti;
- href-attribuutti, joka määrittää URL-osoitteen, johon käyttäjä ohjataan.
Kuten näette, ensimmäisessä kuvassa linkki on sivut / about.html. Tämä on suhteellinen linkki. Yllä olevan kuvan linkki alkaa http: //. Tässä tapauksessa käytetään absoluuttista viittausta.
Jos et määritä lopputunnistetta, niin kaikkiseuraava on myös jatkoa tälle linkille. Ole varovainen. Kun kirjoitat koodia, lisää heti alku- ja lopputunnisteet. Se on turvallisempaa tällä tavalla.
Kuinka tehdä kuvasta linkki HTML-muodossa?
Tunnisteissa <a> ... </a> olevan tekstin sijaan voit määrittää kuvia. Toisin sanoen, jos käyttäjä napsauttaa kuvaa, hän seuraa linkkiäsi.
Tätä menetelmää käytetään hyvin usein. Varsinkin kauniiden sivustojen valikoissa. Asettelun suunnittelijat ajattelevat aina, miten linkittää sivu HTML-muotoon, ennen kuin luodaan lankakehysrakenne. Tarkemmin sanottuna, missä muodossa se kaikki tehdään. Kaikkia verkkovastaavan omistamia menetelmiä käytetään. Tarkastellaan suunnittelua hieman pidemmälle.
Kuinka linkittää tiedosto HTML-tiedostoon?
Href-määritteessä voi olla linkkejä tiedostoihin. Tämä tapahtuu yleensä, kun tiedoston (arkisto, elokuva, musiikki, kirja, tekstitiedosto ja niin edelleen) lataamiseen tarkoitettu linkki ilmoitetaan.
Toisin sanoen, voit määrittää mitä tahansa osoitteeseen. Jos se ei ole verkkosivu, selain yrittää ladata sen.
Linkit sivulla
Olet varmasti käynyt ainakin kerran"Wikipedia". On artikkelin sisältö. Ja kun napsautat mitä tahansa kohdetta, sinut siirretään vastaavaan alaotsikkoon. Tällaisia linkkejä kutsutaan linkeiksi asiakirjassa tai kirjanmerkeissä.
Kuinka linkittää sivulle HTML-muodossa?
Kaikki on hyvin yksinkertaista. Osoitamme linkit tekstissä <a> -attribuutilla, mutta emme määritä href. Sinun on kirjoitettava nimi-attribuutti ja asetettava yksilöllinen nimi asiakirjaan. Ja paikassa, jossa ilmoitat linkit näihin muistiinpanoihin asiakirjan sisällä, href-attribuuttiin kirjoitetaan ensin hash ja sitten tämä yksilöllinen nimi.
Heti kun selain näkee osoitteessa symbolin #, se ymmärtää, että on tarpeen viitata johonkin saman asiakirjan elementtiin.
Sähköpostilinkit
Joskus sinun on annettava linkki sähköpostiisi. Se voidaan tehdä näin.
Kun olet napsauttanut tätä linkkiä, käyttäjäpostinhallintasovellus avautuu. Tämä on yleensä tavallinen Outlook. Mutta kukaan ei yleensä ole määrittänyt tätä ohjelmaa. Siksi yleensä sähköpostiosoite ilmoitetaan yksinkertaisesti tekstinä.
määritteet
Jos tajusit kuinka tehdä linkki HTML-muodossa, on suositeltavaa tutkia <a> -tunnisteen jäljellä olevat määritteet. Tämä on erittäin tärkeää tietoa. Tarkastellaan alkeellisimpia:
- Title attribute - Luo työkaluvihjeen, kun viet hiiren osoitteen linkin päälle. Se on melko kätevä. Tämän avulla voit antaa käyttäjälle lisätietoja.
- Kohdemääritteeksi uusi asiakirja (verkkosivu) ladataan. Sillä voi olla seuraavat arvot:
- _blank - uusi selainikkuna avautuu;
- _self - avautuu nykyiseen ikkunaan, tämä on oletusarvo, se on valinnainen;
- _parent - ladataan ylätason kehykseen, jos niitä ei ole, attribuutti ottaa arvon_self;
- _top - peruuta kaikki kehykset ja lataa sivu täyteen selaimen kokoon. Jos kehyksiä ei ole, niin on analogia _selfiin.
- Lataa attribuutti.Sen ansiosta voit pakottaa lataamaan href-määritteessä määritetyn tiedoston. Tällä parametrilla ei ole arvoa. Määritämme vain <a download href="img/photo.jpg"> Linkki tiedostoon </a>. Jos et määritä lataa, sitten selain vain avaa kuvan. Tässä tapauksessa se alkaa ladata tietokoneellesi.
Linkkien suunnittelu
Jos tajusit kuinka tehdä linkistä kuvaHTML, on suositeltavaa myös varmistaa, että se näyttää normaalilta. Oletuksena kuvan ympärille ilmestyy reuna, joka on linkki. Hän näyttää töykeältä ja ruma. Koska sen paksuus on 3 pikseliä.
Tämän välttämiseksi sinun on määritettävä border = "0". Eli raja on nolla. Tällainen linkki kuvasta näyttää hyvältä ja hyväksyttävältä. Muuten pelotella kaikki sivuston kävijät.
johtopäätös
Linkit ovat ensi silmäyksellä hyvin yksinkertainen tunniste. Mutta jos olet syvemmällä ja tarkastelet kaikenlaisia linkkejä ja määritteitä, käy ilmi, että kaikki ei ole niin helppoa ja pilvistä.
Muista, että linkit ovat World Wide Webin selkäranka. Ilman heitä sitä ei olisi olemassa.
