TietokoneetOhjelmointi

Miten lisätä hyperlinkin HTML? Luonti ja käyttö hyperlinkkejä HTML

Hyperteksti on tekstiä, joka sisältää linkkejä muille tekstiä. Esimerkkejä ovat kirjoittajan muistiinpanot monimutkaisia määritelmiä tai käännös alaviitteet alareunassa kirjan sivuja, jos havaitaan tekstiä vieraalla kielellä. Internet-sivustot ovat monimutkainen järjestelmä hypertekstin hyppää sivulta toiselle sivukohtaiseen, mutta myös toisistaan riippumattomien yhden teemalla resursseja. Tällainen rakenne on käytännöllinen, säästää paljon aikaa, avulla kävijä löytää nopeasti tiedot, joita tarvitset, eikä eksyä paljon siirtymiä.

Lisää linkki

HTML lisätä hyperlinkkejä käyttämällä avainsana (tag) , joka on asetettu oikeaan paikkaan. Yleensä se on yksi tekstin hyperlinkkinä itsessään on tekstin rakennetta. Mutta linkit ovat enemmän grafiikka (ikonit, napit, kuvat); niistä käsitellään edelleen. Niiden sijainti Web-sivulla ei rajoitu tekstiä, vaan se riippuu suunnittelusta päätöksentekijä päällä.

Home Google

Tämä on esimerkki siitä, miten lisätä hyperlinkin HTML-dokumentti, joka kantaa tunnisteen. Sivuston kävijät näkevät alleviivattuna tekstinä, joka on eri väri ympäröivän tekstin (väri HTML-linkit voivat olla mitä tahansa), "Googlen etusivulle", klikkaamalla, että hän saa kotisivun, "Google" hakukone. On huomattava, että hyperlinkin tekstin tulisi sisältää tietoja siitä, missä siirtyminen tehdään. Tätä periaatetta on noudatettava ja otettava pääsääntöisesti!

tag rakenne ...

Saatat huomata, että tag - Doubles: tarvitaan sulkeminen tag .

href - attribuutti määrittää linkin määränpää.

https://google.com/ - attribuutin arvo, liittää URL-osoitteen resurssin, joka, jotta siirtymä. Se on yhden tai kahden hengen lainausmerkkejä. Se riippuu rakenteesta pesiviä tunnisteen HTML sääntöjä.

Home Google

koko rakenne on osa web-asiakirjan.

Sääntöjen HTML, jotkut elementit voivat sisältää muita elementtejä. Tag ole poikkeus. Jos ohjelmoija tarvitsee korostaa lihavoitu sana Google, voit tehdä tämän käyttämällä tag mukaan yleisten sääntöjen tekstin muotoilun järjestyksessä sisäkkäisiä tunnisteita. Webmaster pitäisi osata luoda hyperlinkin HTML virheettömästi, muuten ne eivät toimi. Katkenneita linkkejä tietokone slangia kutsutaan "lyöty".

pääsivu Google

Täällä: elementti

pääsivu Google

Se sisältää sisäkkäisiä

Google

Nyt kyseinen kävijä näkee hyperlinkin lihavoitu sana "Google".

absoluuttinen hyperlinkkejä

Hyperlinkkejä, jotka käyttävät absoluuttinen URL-osoitteita sivustoja, jotka sisältävät verkkotunnuksia (.ru, Com, Org, gov ), nimeltään absoluuttinen, ja niillä on seuraavat syntaksi:

Protokolla: // verkkotunnus / tiedoston polun

Esimerkiksi osoite levinnyt Amerikassa hakukone: https://aol.com - ehdoton, koska se sisältää toimialueen nimen Com.

Absoluuttinen hyperlinkkejä selataan sivuille muiden sivustojen tai käyttää resursseja sijaitsevat toiselle palvelimelle. Siirtyminen suoritetaan käyttämällä Internet-protokollaa. Protokollat - tämä ei ole aihetta tämän artikkelin, mutta kun he osallistuvat luomiseen hyperlinkkejä, sinun täytyy vähintään mainita lyhyesti niistä:

  • http ja https - yleisin; heille vaihtaa verkkosivujen eri sivustoja;
  • ftp - protokollan lataamalla tiedostoja palvelimelle tai käyttäjä lataa sivustosta;
  • mailto - sähköpostiprotokollaa joka lähettää sähköpostin suoraan sivuston, menemättä henkilökohtaista sähköpostia.

On olemassa muutamia raportteja erikoiskäyttöön tarkoitettujen (Gopher, telnet), on melko harvinaista, jonka käyttö vaatii erityistä osaamista ohjelmointi- tai järjestelmän ylläpitoon.

suhteelliset hyperlinkit

Suhteellisen osoitteiden käyttö hyperlinkit käytettävään HTML siirtymät elämässä ja johda sen ulkopuolella. Jos sivu on niin iso, että kulkee pystysuora vierityspalkki, joskus hyvin kauan, kuten sanakirjaan, se on erittäin kätevä ja tarkoituksenmukaista käyttää suhteellisia linkkejä harppaa valitun kirjeen.

Luominen online-sanakirja, ohjelmoija alussa sivulla on aakkoset, ja jos ei linkkien käyttäminen, käyttäjä olisi ollut hyvin pitkä aika kääntää pyörää hiiren päästä kirjain "I".

Luoda suhteellinen linkki määrite nimi tag:

Takaisin kirjeen I

jossa ya kutsutaan ankkuri, kun Takaisin kirjeen I - ankkuri määränpää. Näyttää oikein ankkureita on suositeltavaa käyttää kirjaimia ja numeroita, niin älä kirjoita "minä", vaikka se olisi ollut ymmärrettävää.

Nyt siirtyminen aakkoset alussa sivun kirjain "I", on tarpeen tehdä ankkurin tappi HTML-dokumentti, joka alkaa kirjaimella "I":

edessä ankkuri seisoo numeron merkki, jota ilman siirtymistä kirje ei toimi.

Suhteellinen käsitellään kun rakentaa verkkosivuilla

Kätevä ja yleisin algoritmi luoda ohjelmisto sivusto:

  • Luo tietokoneen kansioon ja sen sijainti työmaalla kätevästi nopean pääsyn;
  • luomalla index.html kansiossa kotisivun;
  • luominen toisen sivun (index.html / Sivu2);
  • Luo kansio ja asettamalla sen kuvatiedostot;
  • Luo kansio ja sijoittamalla se muita esineitä (tiedostoja ladattavaksi, esimerkiksi);
  • täyttö sivuston sisältöä;
  • asettamalla sivuston hosting tiedostoja.

Tarvitse välttämättä käytettävä tietoliikenneyhteydet elementtejä sivuston, ja on erittäin hyödyllistä tietää, miten lisätä hyperlinkin HTML toiselle sivulle samassa paikassa. Jos sivusto asuvat samassa hakemistossa samalla palvelimella, ei ole tarvetta käyttää absoluuttista osoitusta. Siirrettäessä tiedostoja sivustoon hosting välisen yhteyden objektit jäävät, koska ne järjestävät ja sijoitetaan samaan hakemistoon.

Oletetaan ohjelmoija on luonut kotisivun index.html sivusto, jossa on linkki toiselle sivulle page2.html, koristaa kuva img.png. Sitten suhteellinen polku kuva näyttää tältä:

Vihje: tutkimuksessa tämä aihe on parasta käyttää yksinkertaista tekstieditori siitä syystä, että se on tarpeen hankkia taitoa oikeinkirjoitus siirtymävaiheen osoitteita, ja oppia ymmärtämään jonkun toisen koodin. Tässä vaiheessa on hyvä tulos ilman virhettä kirjoitettu hyperlinkkiä muistikirjan, HTML ei anna heille anteeksi, ja antaa virheilmoituksen.

Menetelmät hyperlinkkiä napsauttamalla

Oletuksena uusi sivu avautuu nykyisessä selainikkunassa, kun käyttäjä napsauttaa linkkiä. Mutta web ohjelmoija voi muuttaa oletuksena ja pakottaa avaa sivun, esimerkiksi uudessa ikkunassa. Tätä tarkoitusta varten on kohdemääritemääritystä tietyllä arvonsa. Mihinkään ei ole mahdollista ilmaista pöytään.

Arvot kohdemääritemääritystä
_blank avaa sivun uuteen selainikkunaan
_self avaa sivun nykyisessä ikkunassa (oletusasetus)
_parent avaa sivun emo kehyksessä
_top kehyksiä peruuttaa ne kaikki ja avaa sivun nykyisessä selainikkunassa

Syntaksin soveltamista määritteet tavoite:

Koti Google

Home "Google" avaa uuteen ikkunaan.

Huomautus: avaa sivun uuteen välilehteen, ei ole mitään arvoa tämän ominaisuuden, ja asetetaan käyttäjän selaimen asetuksista.

Väri hyperlinkkien

Kokenut Internetin käyttäjä ajan, olisi pitänyt huomata, että hyperlinkit ovat eri värisiä kuin muu teksti, ja ne ovat yleensä sinisiä. Yhteydet, joista hän kulki, ja sitten meni takaisin edelliselle sivulle, ovat lila. Käyttäen hyperlinkit HTML epätyypillisissä värit hieman, mutta jakaa sivuston muiden joukossa.

Asettaa värin linkkien tag käyttämällä attribuutteja ja niiden arvoja, joka palvelee HTML värin RGB-järjestelmän (# 00FF00) tai suora osoitus nimen väri ( «vihreä»). On olemassa kolmenlaisia attribuutteja linkeistä:

  • link - määrittelee värin avaamattoman linkkejä,
  • vlink- - määrittää väri linkkejä, joista käyttäjä on jo ohittanut;
  • alink - määrittää värin linkin vaihdettaessa toiselle sivulle. Se on nopea, joten et voi aina kiinni tätä vaikutusta.

merkintä Esimerkki:

Jos soveltaa näitä attribuutteja tag viittaus rainan Asiakirja on tummansininen, vieraillun - violetti ja aktiivinen - oranssinpunainen.

graafinen linkit

Edistymistä ja web-suunnitteluun kehitys edellyttävät tietää miten lisätä hyperlinkin HTML kuvana. On selvää, että kuva on vastattava sisältöä kohdesivun. Esimerkiksi pääsivun lääkekasvien voidaan esittää muodossa kuvia kasveja, klikkaamalla jolla käyttäjä menee sivulle, joka kuvaa lääkkeen ominaisuudet kasveja.

Laajalti käytetty tapa korvata staattinen painikkeita () on kaunis grafiikka luotu Web Designer Grafiikkaeditorissa (GIMP, Photoshop).

Lisätä graafisen hyperlinkkeinä sivuilla sivuston syntaksi on sama, mutta sen sijaan, että tekstiä kuvatunnistetta työntämällä sääntöjen HTML:

Vuoteen tagi samalla tavalla sovellettavissa attribuutteja määritellä vaihtoehtoisen tekstin, leveys, korkeus, ja toiset.

Puhelut verkkosivuilla

HTML5-standardin on laajentanut toiminnallisuutta Internetin käyttöön, ja nyt voit soittaa paitsi puhelimesta, mutta suoraan sivustosta. Tätä varten voit käyttää hyperlinkkejä HTML-dokumentti, ja niillä on seuraava syntaksi:

... puolue ...

Sen sijaan, että sana "osapuoli" on määrätty intuitiivinen soittajan yhteystiedot osoitekirjaan. Voit myös sijoittaa kuvatiedoston (user photo).

Että puhelut tehtiin sivustoon, sinun täytyy olla paitsi viittaus tilaajan puhelinnumero, mutta myös kuulokemikrofonin (mikrofoni, kuulokkeet) asennettu tietokoneeseen VoIP-ohjelma, Internet nopeus tulisi ylittää 0,5 Mt / s. Maksu soitetuista puheluista liikennevirran. Siksi, jos Internet on rajaton, puhelut ovat ilmaisia.

Etiikka luoda hyperlinkkejä

Sijoittamalla sivusto Internetissä, webmaster pitäisi tietää, millaisia ovat hyperlinkkejä HTML, eikä ainoastaan oikeus käyttää niitä ammattimaisesti, mutta myös noudattaa seuraavia säännöksiä:

  • Hyperlinkki on helposti näkyvällä, poikkeaa ympäröivästä tekstistä. Käyttäjän täytyy tietää, että se on - hyperlinkki.
  • Käyttäjän tulisi olla selvää, missä hän saa klikkaamalla linkkiä. Voit tehdä tämän, on suositeltavaa käyttää enemmän määrite otsikko, joka kuvaa ytimekkäästi Tulossivulle. Syntax hakemuksen määrite on:

Yandex

  • Käyttäjän on saada tarkkaa tietoa tiedosto ladataan, kun klikkaat linkkiä.

Kun ei ole odotettavissa sivun tai lataamalla väärän tiedoston, käyttäjä on 99% heti poistuvat sivustosta ja koskaan se ei mene alas tulevaisuudessa.

Anti-Seo luoda hyperlinkkejä

Sen lisäksi, että tekninen puoli kysymykseen, miten lisätä hyperlinkin HTML, olisi korostettava enemmän ja moraalisen näkökulman. On monia sivustoja, joihin pääsy on estetty käyttäjiä tietoturvaohjelmisto (Antivirus), tai jopa valtion. Nämä ovat sivustoja, jotka on luotu saastainen verkko-ohjelmoijien kädellä.

Yksi temppuja, johon ne turvautuvat - on lisätä "näkymätön" hyperlinkki Web-sivulla. Huijarit osaavat luoda hyperlinkin HTML, ja käytä alaviivaa määrite poistaa linkkejä ja määrittää sen väri ympäröivän tekstin niin, että keskimääräinen käyttäjä ei näe häntä. Ja sen avulla muut web-teknologioiden välineitä (CSS, JavaScript, PHP) voidaan ohjelmoida käyttäytymistään. Esimerkiksi onmouseover JavaScriptiä tapahtuma aktivoi vaikutus sivun elementtejä. Kun käyttäjä pitää kohdistin näkymätön linkin, hän joutuu mainossivuille muita sivustoja. Tai vielä pahempaa, kun on näkymätön linkki tiedostoon tietokoneellaan ja alkaa ladata ja asentaa tarpeettomia ohjelmia. Tyypillisesti virus, joka muutti selaimen kotisivu, pentue kiintolevylle ja muut massa ohjelmia.

Pian tällaiset sivustot putoaa "mustan listan" virustietokannan, turvallisuuteen ja ympäristöön Internetin käyttäjiä. Sellaisia kohtia ei kestä kauan, ja ne täytyy vaihtaa nimensä siirtyä loputtomasti internetissä, muuttaa isäntä tarjoaja. Tämä ei ole omiaan edistämään sivuston, johon aina pyrkii sen luoja, koskaan tee sitä megaportals, kuten esimerkiksi sosiaalisia verkostoja. Muun muassa näitä temppuja aiheuttaa monia negatiivisia tunteita uhreja näiden ihmisten toimista.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fi.atomiyme.com. Theme powered by WordPress.