Oppitunti: miten linkki HTML: ään?

Ennen kuin teet linkin HTML: ssä, tarvitsetselvittää, mikä se on ja millaisia ​​ne ovat. Kaikki linkit alkavat <a> tunnuksella ja on suljettu tagilla </a>. Käyttäjä näyttää vain sen, mikä on näiden tunnisteiden välissä. Selaimessa ei näy linkkiä itse. Se näkyy liikkumalla tilapalkissa.

Kaikki linkit voidaan jakaa eri kriteerien ja tyyppien mukaan. Voit esimerkiksi jakaa linkkejä tarkoituksenmukaisesti:

• asiakirjassa;
• toiseen verkkosivuun;
• eri tiedostoilla;
• postiosoitteisiin.

Lisäksi toinen ja kolmas osa voidaan jakaa absoluuttisiin ja suhteellisiin osoitteisiin. Tästä vähän myöhemmin. Katsokaa nyt yksinkertaisinta tapausta.

Miten HTML: ssä tehdään linkki? Tätä varten voit avata notepadin tai muun editorin ja korvata yllä olevan koodin.

Tulos on seuraava.

Mitä linkki koostuu?

Muista, että linkkiä tarvitaan:

• avaus ja sulkeminen tag;
• linkin teksti;
• href-attribuutti, joka määrittää osoitteen, johon käyttäjä lähetetään.

Jäljellä olevat attribuutit ovat valinnaisia. Käytän niitä harkintani mukaan.

Kuten näette, ensimmäinen kuvio näyttää linkkisivuja / about.html. Tämä on suhteellinen viite. Yllä olevassa kuvassa linkki alkaa http: //. Tällöin käytetään absoluuttista referenssiä.

Jos et määritä sulkemista, niin kaikkiSeuraavaksi myös jatketaan tätä linkkiä. Ole varovainen. Kirjoita koodi heti asettamalla avaus- ja sulkemerkki. Joten se on turvallisempaa.

Kuinka luoda kuva HTML-linkkinä?

Tunnisteiden <a> ... </a> tekstin sijaan voit määrittää kuvia. Eli jos käyttäjä napsauttaa kuvaa, hän napsauttaa linkkiäsi.

Tätä menetelmää käytetään hyvin usein. Varsinkin kauniiden kohteiden valikossa. Makeup-suunnittelijat aina ajattelevat, miten linkki HTML-sivulle luodaan verkkosivuston suunnittelu. Tarkemmin sanottuna, missä muodossa tämä kaikki on tehty. Kurssilla on kaikki tapoja, joilla verkko-isäntä omistaa. Näytämme hieman kauemmas.

Miten HTML: ssä tehdään linkki tiedostoon?

Href-attribuutissa voit määrittää viittauksia tiedostoihin. Tämä tapahtuu yleensä, kun määrität linkin tiedostojen lataamiseen (arkisto, elokuva, musiikki, kirja, tekstitiedosto jne.).

Toisin sanoen voit määrittää minkä tahansa osoitteessa. Jos se ei ole web-sivu, selain yrittää ladata sen.

Sisäiset viitteet

Olet varmasti käynyt ainakin kerran"Wikipedia". On artikkelin sisältö. Kun napsautat kohdetta, siirryt vastaavaan alihakemistoon. Tällaisia ​​linkkejä kutsutaan asiakirjojen viitteiksi tai kirjanmerkiksi.

Miten HTML: ssä tehdään linkki sivun sisällä?

Se on hyvin yksinkertainen. Määritämme linkit tekstissä attribuutilla <a>, mutta älä määritä href. Sinun on kirjoitettava nimi attribuutti ja määritettävä yksilöllinen nimi asiakirjassa. Ja siinä paikassa, jossa määrität viittaukset näihin muistiinpanoihin dokumentin sisällä, href-attribuutissa kirjoitamme ensin ristikkoa ja sitä ainutkertaista nimeä.

Heti kun selain näkee osoitteen merkin #, se ymmärtää, että on tarpeen viitata saman asiakirjan sisältämään elementtiin.

Linkit sähköpostiin

Joskus sinun on määritettävä linkki sähköpostiin. Voit tehdä tämän.

Napsauttamalla tätä linkkiä käyttäjältäpostin hallintahakemus aukeaa. Tämä on yleensä tavallinen Outlook. Mutta tätä ohjelmaa ei yleensä muokata. Siksi yleensä sähköpostiosoite on yksinkertaisesti tekstin muodossa.

määritteet

Jos ymmärrät, miten linkki tehdään HTML: ssä, on suositeltavaa tutkia <a>-tagin jäljellä olevia attribuutteja. Tämä on erittäin tärkeää tietoa. Harkitse kaikkein perustavia:

• Ominaisuusominaisuus - luo ponnahdusvihje, kun liikut linkin yli. Tämä on erittäin kätevää. Tämän ansiosta voit antaa lisätietoa käyttäjälle.
• Kohdeattribuutti on paikka, johon uusi asiakirja ladataan (web-sivu). Tässä voi olla seuraavat arvot:
  • _blank - avautuu uusi selainikkuna;
  • _self - avautuu nykyisessä ikkunassa, tämä on oletusarvo, sitä ei ole tarpeen määritellä;
  • _parent - lataus vanhemman kehykseen, jos ei ole yhtään, attribuutti ottaa arvo_self;
  • _top - Peruuttaa kaikki kehykset ja lataa sivun selaimen täysikokoiseksi. Jos kehyksiä ei ole, niin se on analoginen itse.
• Latausominaisuus. Sen ansiosta voimme ladata href-attribuutissa määritetyn tiedoston voimakkaasti. Tällä parametrilla ei ole arvoa. Mainitsen vain <a href="img/photo.jpg"> linkin tiedostoon </a>. Jos et määritä selain yksinkertaisesti avaa valokuvan. Tällöin se ladataan tietokoneelle.

Linkkien suunnittelu

Jos ymmärrät miten viitataan kuvaviiteeseenHTML, on toivottavaa huolehtia siitä, että se näyttää tavalliselta. Oletusarvoisesti kuvan ympärille, joka on linkki, kehys tulee näkyviin. Se näyttää karkealta ja ruma. Koska sen paksuus on 3 pikseliä.

Eikä ole, on tarpeen määrittää raja = "0". Toisin sanoen raja on nolla. Tässä on linkki kuvasta näyttävän mukavalta ja hyväksyttävältä. Muutoin pelätte kaikki sivuston kävijät.

johtopäätös

Linkit, ensi silmäyksellä, ovat hyvin yksinkertainen tunniste. Mutta jos et mene syvemmälle ja pidät kaikenlaisia ​​linkkejä ja ominaisuuksia, käy ilmi, että kaikki ei ole niin helppoa ja pilvetöntä.

Muista, että linkit ovat maailmanlaajuisen verkon selkäranka. Ilman heitä ei olisi olemassa.

</ p>