RačunalnikiProgramiranje

Kako vstaviti hiperpovezavo v HTML? Ustvarjanje in uporaba hiperpovezave v HTML

Hypertext je besedilo, ki vsebuje povezave do drugih besedila. Primeri so avtorjeve opombe o zapletenih definicij ali prevajalske opombah na dnu strani knjige, če se ugotovi, besedilo v tujem jeziku. Spletne strani so kompleksen sistem hipertekst skoči iz ene strani na drugo znotraj same strani, ampak tudi med nepovezanimi enostanovanjskih temo virov. Takšna struktura je praktično, prihrani veliko časa, omogoča obiskovalcu, da hitro najdejo informacije, ki jih potrebujete, in da se ne izgubijo v velikem številu prehodov.

Vstavi hiperpovezavo

V HTML vstaviti hiperpovezave pomočjo deskriptor (tag) , ki se vstavi na pravem mestu. Običajno je med besedilom, kot je hiperpovezava sama struktura besedilo. Toda povezave več grafika (ikone, gumbi, slike); od njih se bo še razpravljalo. Njihova lokacija na spletni strani ni omejeno na besedilo, ampak je odvisna od izdelovalca mestu odločitev oblikovanje.

stran Google

To je primer, kako vstaviti povezavo na HTML-dokument, ki se izvaja s oznako. obiskovalci bodo videli podčrtano besedilo, ki je drugačna od barve besedila obdaja (barvne HTML-povezav je lahko karkoli), "Google domača stran", s klikom na to, da bo dobil na domači strani, "Google" iskalniku. Opozoriti je treba, da mora biti besedilo hiperpovezave vsebujejo informacije o tem, kje bo prehod izvedla. To načelo je treba upoštevati in sprejeti kot pravilo!

tag struktura ...

Morda boste opazili, da oznako - dvojice: zahtevano končno oznako .

href - tag atribut določa cilja povezavo.

https://google.com/ - vrednost atributa, priložiti URL-naslov vira, na kateri naj bi bil prehod. To je dvojni ali enojni narekovaji. To je odvisno od strukture gnezdenja oznako pravil HTML.

stran Google

celotna struktura je del spletne dokumenta.

V skladu s pravili o HTML, lahko nekateri elementi vsebujejo druge elemente. Tag nobena izjema. Če programer je treba poudariti s krepko besedo Google, to storite z oznako v skladu s splošnimi pravili o oblikovanju besedila v zaporedju ugnezdenih oznak. Webmaster mora vedeti, kako ustvariti hiperpovezave v HTML brez napak, sicer ne bo delovalo. Pretrgane povezave na računalniškem žargonu imenuje "pretepli".

glavna stran Google

Tu: element

glavna stran Google

Vsebuje ugnezdene

Google

Sedaj stran obiskovalec vidi hiperpovezave v krepkem tisku besedo "Google".

absolutne hiperpovezave

Hiperpovezave, ki uporabljajo absolutne URL-naslove strani, ki vsebujejo imena domen (.ru, .com, .org, .gov ), se imenuje absolutna, in ima naslednjo sintakso:

Protokol: // domena / pot do datoteke

Primer naslov razširjena v Ameriki iskalnik: https://aol.com - absolutno, saj vsebuje ime domene .com je.

Absolutni hiperpovezave se uporablja za navigacijo na straneh drugih spletnih strani ali za dostop do virov, ki se nahajajo na drugem strežniku. Prehod se izvaja z uporabo internetnega protokola. Protokoli - to ni tema tega članka, ampak so sodelovali pri ustvarjanju hiperpovezav, morate vsaj na kratko jih omenil:

  • http in https - najbolj pogosta; za njih, da preklapljate med spletnih straneh različnih lokacijah;
  • FTP - protokol za nalaganje datotek na strežnik ali uporabniških prenosov iz spletne strani;
  • mailto - poštni protokol, ki pošilja e-pošto neposredno iz mesta, ne da bi na osebni e-mail.

Obstaja nekaj poročil o posebnim namenom (gopher, telnet), je precej redka, katerih uporaba zahteva posebno znanje v programskem ali sistemsko administracijo.

relativne hiperpovezave

Z relativnim naslavljanjem uporabo hiperpovezav v HTML se uporablja za prehode v življenju in ne vodi mimo njega. Če stran je tako velik, da teče navpični drsni, včasih zelo dolgo, kot v slovarju, je zelo priročen in primeren za uporabo relativne povezave za skok na želeno črko.

Ustvarjanje spletne slovar, programer na začetku strani ima abecedo, in če ni za uporabo povezav, bi uporabnik imel zelo dolgo časa, da zavrtite kolesce miške, da bi dobili na črko "I".

Če želite ustvariti relativno povezavo z uporabo Ime atributa oznako:

Nazaj na črko I

kjer ya imenovano sidro, medtem ko Nazaj na črko I - sidro destinacijo. Za pravilen prikaz sider je priporočljivo uporabiti črke in številke, zato ne pišejo "I", čeprav bi bilo razumljivo.

Zdaj pa, da je prehod iz abecede na začetku stran črka "I", je potrebno, da bi sidro klin v HTML-dokument, ki se začne s črko "I":

pred sidro stoji številka znaka, brez katere je prehod v pismu ne bo delovala.

Relativno naslavljanje pri izgradnji spletne strani

Priročna in najpogostejši algoritem za ustvarjanje stran programske opreme:

  • Ustvarjanje mape na računalniku in njene lokacije na mestu za udobje hiter dostop;
  • ustvarjanje index.html v mapo domače strani;
  • oblikovanje sekundarnega spletno stran (index.html / page2);
  • Ustvarite mapo in ga postavite v slikovnih datotekah;
  • Ustvarite mapo in ga postavite druge predmete (datoteke za prenos, na primer);
  • polnjenje vsebine mesta;
  • dajanje mesto na gostovanje datotek.

Nujno, da se uporablja za komunikacijske povezave med elementi spletne strani, in bo zelo koristno vedeti, kako vstaviti hiperpovezavo v HTML na drugo stran na istem mestu. Če so na gradbišču prebivajo v isti imenik na istem strežniku, ni treba uporabiti absolutno naslavljanje. Pri prenašanju datotek na spletno stran, ki gosti povezavo med predmeti ostanejo, ker so gosti in bo postavljena v isto mapo.

Recimo, programer je ustvaril index.html stran domačo stran, ki ima povezavo na drugo stran page2.html, okrašena s sliko img.png. Potem bo relativna pot na sliki izgleda takole:

Nasvet: V je študija o tej temi najbolje, da uporabite preprost urejevalnik besedila, iz razloga, da je treba pridobiti znanja v pravilnem črkovanju tranzicijskih naslovov, in se naučiti razumeti nekoga drugega kodo. V tej fazi bo dober rezultat brez napak napisano hiperpovezave v notesnik, HTML ne odpusti jim, in daje napako.

Metode kliknite hiperpovezavo

Privzeto, nova stran odpre v trenutnem oknu brskalnika, ko uporabnik klikne na hiperpovezavo. Ampak spletni programer lahko spremenite privzeto in na silo odpreti strani, na primer, v novem oknu. V ta namen je cilj atribut z neko svojo vrednost. Nikjer je mogoče izraziti mizo.

Vrednosti ciljnega atributa
_blank odpre stran v novem oknu brskalnika
_self odpre stran v trenutnem oknu (privzeta nastavitev), na
_parent odpre stran v matični okvir
_top z okvirji jih vse preklicati in odpre stran v trenutnem oknu brskalnika

Skladnja za uporabo atributov ciljati:

stran Google

Domov "Google" bo odprl v novem oknu.

Opomba: Če želite odpreti stran v novem zavihku, ni vrednost za ta atribut, ki je določena s strani uporabnika v nastavitvah brskalnika.

Barva hiperpovezave

Izkušen uporabnik interneta v daljšem časovnem obdobju, naj bi opazili, da so hiperpovezave drugačne barve od besedila, ki obdaja, in so ponavadi modre barve. Povezave na katerega je minilo, nato pa so šli nazaj na prejšnjo stran, so lila. Uporaba hiperpovezav v HTML nestandardnih barv malo, vendar dodeljuje mesto med drugim.

Nastavi barvo povezav v tag uporabo atribute in njihove vrednosti, ki služi barvo HTML v RGB sistemu (# 00FF00) ali z neposrednim navedbo imena barve ( "zelena»). Obstajajo tri vrste atributov za povezavah:

  • povezava - določa barvo neobiskane povezav;
  • vlink - določa barvo povezav, prek katerih se je uporabnik že opravil;
  • alink - določa barvo povezave pri prehodu na drugo stran. To je hitro, tako da ne more vedno ujeti ta učinek.

označevanje Primer:

Če uporabite te atribute v oznako , bo referenčna spletne dokumenta je temno modra je obiskal - vijolična in aktivno - oranžno-rdeče.

grafični hiperpovezave

Napredek in razvoj spletnih oblikovanje zahtevajo, da vedo, kako vstaviti hiperpovezavo v HTML, kot je na sliki. Jasno je, da mora biti slika ustrezajo vsebini ciljni strani. Na primer, lahko glavna stran od zdravilnih rastlin bo predstavljen v obliki fotografij rastlin, s klikom na katerega bo uporabnik šel na stran, ki opisuje zdravilne lastnosti rastlin.

Razširjen način za zamenjavo statičnih gumbe () na lepe grafike, ki jih spletni oblikovalec v grafičnem urejevalniku (GIMP, Photoshop) ustvarili.

Če želite vstaviti grafiko kot hiperpovezave na straneh spletnega mesta uporablja enako sintakso, ampak besedila z uporabo oznako slike z vstavitvijo pravila HTML:

Ki jih je tag na enak način uporabljajo atributi določiti alternativno besedilo, širino, višino in drugi.

Klici iz spletne strani

HTML5 standarda je razširil funkcionalnost uporabe interneta, in sedaj lahko kličete, ne samo iz telefona, ampak neposredno iz spletnega mesta. V ta namen lahko uporabite tudi hiperpovezave v dokumentu HTML, in imajo naslednje sintakso:

... stranka ...

Namesto besede "stranka" je predpisana intuitiven stik klicatelja v imeniku. Prav tako lahko postavite grafično datoteko (user photo).

To so pozvali na spletno stran, morate imeti ne samo sklicevanje na telefonsko številko naročnika, temveč tudi slušalke (mikrofon, slušalke), nameščen na računalniku, VoIP-programa, bi morali internet hitrost preseže 0,5 MB / sec. Plačilo za klice na pretok prometa. Torej, če je internet neomejeno, klici so brezplačni.

Etika ustvarjanje hiperpovezav

S postavitvijo spletne strani na internetu, mora skrbnik vedeti, kakšne so hiperpovezave v HTML, in ne le pravica, da jih uporabljajo strokovno, temveč tudi upoštevati naslednje določbe:

  • Hiperpovezava morajo biti dobro vidni, razlikuje od okoliško besedilo. Uporabnik mora vedeti, da je - hiperpovezava.
  • Uporabnik mora biti jasno, kje bo dobil s klikom na povezavo. Če želite to narediti, je priporočljivo uporabiti več naziv atribut, ki na kratko opisuje stran s konverzijo. Sintaksa atributa prijave je:

Yandex

  • Uporabnik mora pridobiti natančne informacije o datoteki bodo prenesli, ko boste kliknili na povezavo.

Ko ni pričakovati strani ali s prenosom napačno datoteko, uporabnik je 99% takoj zapustite spletne strani in nikoli na njem ni šel dol v prihodnosti.

Anti-Seo ustvariti hiperpovezave

Poleg tehnične strani vprašanje, kako vstaviti hiperpovezavo v HTML, je treba poudariti več in moralni vidik. Obstaja veliko spletnih strani, na katerih je bil dostop blokiran uporabnikov na varnostne programske opreme (Antivirus), ali celo države. To so mesta, ki so bile ustvarjene na nečiste spletnih programerjev strani.

Eden od trikov, na katere se območje - je vstaviti "nevidno" hiperpovezavo na spletni strani. Prevaranti vedeti, kako ustvariti hiperpovezave v HTML in uporabi atribut podčrtaj odstraniti povezav in mu dodeliti barvo besedila, ki obdaja tako, da se povprečni uporabnik ni videti. In s pomočjo drugih spletnih tehnologij orodij (CSS, JavaScript, PHP), se lahko programirajo svoje vedenje. Na primer, OnMouseOver JavaScript jezik dogodek sproži učinek spletnih strani elementov. Ko uporabnik ima kazalec na nevidno povezavo, dobi na oglasnih straneh drugih spletnih straneh. Ali še huje, ko je nevidna povezava do datoteke na svojem računalniku in začne prenesli in namestili nepotrebne programske opreme. Značilno je, da virus, ki spremeni brskalnika domačo stran, stelja trdi disk in drugih množičnih programov.

Kmalu taka območja spadajo v "črni seznam" podatkovne baze virus, varnost in okolje uporabnikov interneta. Take strani ne traja dolgo, in so morali spremeniti svoja imena, da neskončno preseliti na internetu, spreminjanje ponudnika gostinskih storitev. To ne prispeva k spodbujanju mestu, na katerega vedno išče svojega ustvarjalca, ne da bi bilo megaportals, kot so, na primer, socialna omrežja. Med drugim ti triki povzroči veliko negativnih čustev na žrtve teh človeških dejanj.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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