Kako vstavim hiperpovezavo v HTML? Ustvarjanje in uporaba hiperpovezav v HTML-ju

Hypertext je besedilo, ki vsebuje povezave do drugega besedila. Primer je avtorjeva opomba o zapletenih definicijah ali opombah prevajalcev na dnu strani knjige, če vsebuje besedilo v tujem jeziku. Spletne strani so kompleksen sistem hipertekstnih prehodov z ene strani na drugo, znotraj same strani in med nepovezanimi viri enotnih tem. Takšna struktura je praktična, prihrani veliko časa, obiskovalcu omogoča, da hitro najde potrebne informacije in se ne izgubi v velikem številu prehodov.

Vstavljanje hiperpovezave

V HTML-ju uporabite deskriptor (oznaka), da vstavite hiperpovezavo. , ki je vstavljen na pravem mestu. Običajno se nahaja med besedilom, saj je hiperpovezava sama besedilna struktura. Toda povezave so še vedno grafične (ikone, gumbi, slike) - o njih bodo podrobneje obravnavane. Njihova lokacija na spletni strani ni omejena na besedilo, ampak je odvisna od odločitve oblikovalca ustvarjalca spletnega mesta.

Googlova domača stran

To je primer, kako vstaviti hiperpovezavo v dokument HTML, ki se naredi s pomočjo oznake . Obiskovalec spletnega mesta bo videl podčrtano besedilo, ki se razlikuje od barve okoliškega besedila (barva povezave HTML je lahko katera koli), »Googlova domača stran«, s klikom na katero od glavnih strani iskalnega sistema »Google«. Treba je opozoriti, da mora besedilo hiperpovezave vsebovati informacije o tem, kje bo potekal prehod. To načelo je treba praviloma upoštevati in sprejeti!

Struktura oznake ...

To oznako lahko vidite - Seznanjeno: obvezna je zapiralna oznaka .

href atribut označuje namen povezave.

https://google.com/ - vrednost atributa, ki vključuje URL vira, do katerega bo potekal prehod. Sestavljen je iz dvojnih ali posameznih narekov. Odvisno je od strukture gnezdenja oznak v skladu s pravili HTML.

domov google

ta zgradba se imenuje element spletni dokument.

V skladu s pravili HTML lahko nekateri elementi vsebujejo druge elemente. Oznaka ni izjema. Če mora programer poudariti krepko besedo Google, se to naredi s pomočjo oznake splošnih pravil za oblikovanje besedila, ki spremlja zaporedje oznak za gnezdenje. Spletni skrbnik mora vedeti, kako ustvariti hiperpovezavo v HTML brez napak, sicer ne bodo delovale. Razbitih povezav na računalniškem slengu se imenuje "zdrobljen".

domača stran Google

Tu: predmet

domača stran Google

vsebuje vgnezdeni element

Google

Zdaj bo obiskovalec strani prikazal hiperpovezavo s krepkim besedilom, označenim z besedo "Google".

Absolutne hiperpovezave

Kličejo se hiperpovezave z absolutnimi URL-ji spletnih mest, ki vsebujejo domenska imena (.ru, .com, .org, .gov) absolutno in imajo naslednjo sintakso:

protokol: // ime domene / pot do datoteke

Primer naslova priljubljenega iskalnika v Ameriki: https://aol.com - absolutno, ker vsebuje domensko ime .com.

Absolutne hiperpovezave se uporabljajo za navigacijo do strani drugih spletnih mest ali za dostop do virov, ki se nahajajo na drugem strežniku. Prehod se izvaja z uporabo internetnih protokolov. Protokoli niso predmet tega člena, ker pa sodelujejo pri ustvarjanju hiperpovezav, je treba vsaj na kratko omeniti:

• http in https - Najpogostejši so prehod med internetnimi stranmi različnih mest;
• ftp - protokol za nalaganje datotek na strežnik ali prenos s strani s strani;
• mailto - mail protokol, ki pošlje e-pošto neposredno s spletne strani, ne da bi se lotil vaše osebne pošte.

Obstaja še nekaj drugih protokolov posebnega namena (gopher, telnet), ki so precej redki, uporaba katerih zahteva posebno znanje pri programiranju ali administraciji sistema.

Relativne hiperpovezave

Z relativno naslavljanjem, uporaba hiperpovezav v HTML služi za prehode v viru in ne vodi nad njim. Če je stran tako velika, da deluje navpična drsna vrstica, včasih zelo dolga, kot v slovarjih, je zelo priročno in primerno uporabiti relativne povezave, da hitro skočite na želeno črko.

Ustvarjanje internetnega slovarja ima programer na začetku strani abecedo, če pa ne za uporabo povezav, bi moral uporabnik obrniti kolesce miške že dolgo, da bi prišli do črke "I".

Če želite ustvariti relativno referenco, uporabite atribut ime oznaka :

Pojdi na pismo Â

kjer Ja se imenuje sidro, a Pojdi na pismo  - ciljno sidro. Za pravilen prikaz sidrov je priporočljiva uporaba latinskih črk in številk, zato ne pišite "jaz", čeprav bi bilo to bolj razumljivo.

Zdaj, če želite prehod iz abecede na začetku strani na črko "I", morate sidriti sidro na mestu dokumenta HTML, v katerem se besede začnejo s črko "I":

pismo I

preden je sidro znak za rešetko, brez katere prehod na črko ne bo delovala.

Relativno naslavljanje pri ustvarjanju spletnega mesta

Primeren in najpogostejši algoritem za oblikovanje spletne strani s strani programerja:

• ustvarite mapo v računalniku in jo postavite na hitro dostopno lokacijo za udobje;
• v tej mapi ustvarite glavno stran mesta index.html;
• ustvarjanje sekundarnih spletnih strani (index.html / page2);
• ustvarjanje mape in postavitev grafičnih datotek vanj;
• ustvarjanje mape in postavitev drugih predmetov (na primer datoteke);
• polnjenje mesta z vsebino;
• dajanje datotek spletnega mesta na gostovanje.

Potrebno je uporabiti povezave za komunikacijo med elementi spletnega mesta in zelo dobro se bo znalo vstaviti hiperpovezavo v HTML na drugo stran na istem spletnem mestu. Če so datoteke spletnega mesta v istem imeniku, na istem strežniku, potem ni potrebe po absolutnem naslavljanju. Ko prenesete datoteke spletnega mesta na gostovanje, bo povezava med predmeti ohranjena, ker bodo tudi v istem imeniku na gostovanju.

Na primer, programator je ustvaril glavno stran strani index.html, na kateri je povezava z drugo stranjo stran2.html, okrašena s sliko img.jpg. Nato bo relativna pot do te slike izgledala takole:

sliko

Nasvet: pri preučevanju te teme je najbolje uporabiti preprost urejevalnik besedil, ker morate pridobiti spretnost pri pravilno črkovanju naslovov in naučiti ravnati s kodo drugih ljudi. Na tej stopnji bo hiperpovezava v prenosniku dober rezultat brez napak, HTML jih ne odpusti in povzroča napake.

Načine za navigacijo po hiperpovezavah

Privzeto se v trenutnem oknu brskalnika odpre nova stran, ko uporabnik klikne hiperpovezavo. Toda spletni programer lahko spremeni privzeto vrednost in prisili, da se stran odpre, na primer v novem oknu. Za to obstaja atribut cilj z določeno vrednostjo. To je najbolj jasno izraženo v tabeli.

Sintaksa za uporabo atributa cilj:

domov google

Domača stran »Google« se odpre v novem oknu.

Opomba: če želite odpreti strani v novem zavihku, za ta atribut ni vrednosti, vendar ga nastavi uporabnik v nastavitvah brskalnika.

Barva hiperpovezav

Izkušen uporabnik interneta s časom je moral opaziti, da se hiperpovezave v okolju razlikujejo po barvi, običajno pa so modre. Povezave, s katerimi je minilo in se nato vrnilo na prejšnjo stran, postanejo lila. Uporaba hiperpovezav v HTML-ju v nestandardni barvni shemi ni veliko, vendar pa med drugim izpostavlja spletno mesto.

Določite barvo povezav v oznaki s pomočjo atributov in njihovih vrednosti, v katerih se barva HTML prikaže v sistemu rgb (# 00FF00) ali z neposredno navedbo barvnega imena ("zelena"). Za povezave so na voljo tri vrste atributov:

• povezava - nastavi barvo neodvisne povezave;
• vlink - določa barvo povezave, s katero je uporabnik že preklopil;
• alink - nastavi barvo povezave v trenutku prehoda na drugo stran. To se zgodi hitro, tako da tega učinka ne morete vedno ujeti.

Primer oznake:

Če uporabite te atribute v oznaki , povezave tega spletnega dokumenta bodo temno modre, obiskane - vijolične in aktivne - oranžno-rdeče.

Grafične hiperpovezave

Napredek in razvoj spletnega oblikovanja je potreben, da veste, kako vstaviti hiperpovezavo v HTML kot sliko. Jasno je, da mora slika ustrezati vsebini ciljne strani. Na primer, glavna stran spletnega mesta o zdravilnih rastlinah je lahko predstavljena v obliki fotografij rastlin, s klikom na katerega bo uporabnik obiskal stran, ki opisuje zdravilne lastnosti rastline.

Široko uporabljena metoda zamenjave statičnih gumbov () na lepi grafiki, ki jo je ustvaril spletni oblikovalec v grafičnih urednikih (GIMP, Photoshop).

Če želite grafike vstaviti kot hiperpovezave na strani spletnega mesta, se uporabi ista sintaksa, toda namesto besedila se uporabi oznaka vstavljanja v skladu s pravili HTML:

Da oznaka Enako velja za atribute določanja alternativnega besedila, širine, višine in drugih.

Klici z mesta

Standard html5 je razširil funkcionalnost uporabe interneta, zdaj pa lahko kličete ne le iz telefona, temveč tudi neposredno iz spletne strani. V ta namen lahko uporabite hiperpovezave v dokumentu HTML in imajo to sintakso:

...naročnik...

Namesto besede "naročnik" je predpisan kontakt, ki je jasen za klicatelja, kot v telefonskem imeniku. Prav tako lahko postavite grafično datoteko (sliko naročnika).

Za klice s spletnega mesta potrebujete ne samo povezavo do telefonske številke naročnika, temveč tudi slušalke (mikrofon, slušalke), nameščene v računalniku VoIP program, hitrost interneta pa mora presegati 0,5 Mb / s. Plačilo za klice poteka na stroške prometa. Zato, če je internet neomejen, so klici brezplačni.

Etika ustvarjanja hiperpovezav

Z nameščanjem spletnega mesta na internetu bi moral spletni skrbnik vedeti, katere vrste hiperpovezav obstajajo v HTML-ju, in ne le pravilno, profesionalno jih uporabljajo, ampak se tudi držijo naslednjih določb:

• Hiperpovezava mora biti jasno vidna, drugačna od okoliškega besedila. Uporabnik mora vedeti, da je to hiperpovezava.
• Uporabnik mora razumeti, kje ga bo dobil s klikom na povezavo. V ta namen je priporočljivo uporabiti drug atribut naslov, ki jedrnato opisuje prehodno stran. Sintaksa za uporabo atributa je:

Yandex

• Uporabnik mora dobiti prave podatke o datoteki, ki bo prenesena, ko kliknete povezavo.

Če ne padete na pričakovano stran ali prenesete napačno datoteko, bo uporabnik takoj zapustil spletno stran na 99% strani in v prihodnosti nikoli ne bo šel k njej.

Anti-Seo pri ustvarjanju hiperpovezav

Poleg tehnične strani vprašanja, kako vstaviti hiperpovezavo v HTML, morate poudariti moralni vidik. Obstaja veliko lokacij, dostop do katerih so blokirani uporabniki varnostnih programov (protivirusni programi) ali celo države. To so mesta, ki so jih ustvarili nečisti spletni razvijalci.

Eden od trikov, s katerimi se zateka, je vstavljanje "nevidnih" hiperpovezav v spletno stran. Scammers vedo, kako ustvariti hiperpovezavo v HTML-ju in uporabiti atribute, da odstranite podčrtaj povezave in jo dodelite barvi okoliškega besedila, tako da povprečni uporabnik tega ne vidi. S pomočjo drugih orodij za spletno tehnologijo (CSS, jаvascript, PHP) lahko programirate svoje vedenje. Na primer, dogodek jаvascript onmouseover aktivira delovanje elementa spletne strani. Ko uporabnik premakne kurzor nad nevidno povezavo, preide na oglasno stran drugega spletnega mesta. Ali še huje, ko je nevidna povezava do datoteke in na svojem računalniku začne nalagati in namestiti nepotrebno programsko opremo. Običajno gre za viruse, ki spreminjajo domačo stran brskalnika, na trdi disk naletijo na veliko programov in stvari.

Kmalu se takšna spletna mesta uvrščajo v "črni seznam" virusnih baz podatkov, varnostnih sistemov in med samimi uporabniki interneta. Takšna spletna mesta ne živijo dolgo in morajo spremeniti svoja imena, neskončno se preseliti prek interneta in spreminjati ponudnike gostiteljev. To ne spodbuja promocije spletnega mesta, ki ga vedno išče njen ustvarjalec, ne bo nikoli postalo megaportal, na primer socialna omrežja. Med drugim ti triki povzročajo veliko negativnih čustev pri ljudeh, na katere vplivajo te akcije.