Kako umetnuti hipervezu u HTML? Stvorite i koristite hiperveze u HTML-u

Hipertekst je tekst koji sadrži vezu na drugi tekst. Primjer može biti napomena autora o složenim definicijama ili fusnotama prevoditelja na dnu stranice knjige ako se tekst nalazi na stranom jeziku. Internetske stranice predstavljaju složeni sustav hipertekstualnih prijelaza s jedne stranice na drugu, unutar same stranice, kao i između nepovezanih, pojedinačnih resursa. Ova struktura je praktična, štedi puno vremena, omogućava korisniku brzo pronalaženje potrebnih informacija i ne gubi se u velikom broju prijelaza.


Hyperlink insert

U HTML-u, za umetanje hiperveze, koristi se deskriptor (tag)Ovo je primjer kako umetnuti hipervezu u HTML dokument koji se izvršava pomoću oznake. Posjetitelj stranice će vidjeti podcrtani tekst koji se razlikuje od boje okolnog teksta (boja HTML veze može biti bilo koja), "Google početna stranica", koja će kliknuti na nju, pogodit će glavnu stranicu Google tražilice. Valja napomenuti da tekst hiperveze treba sadržavati informacije o tome gdje će se odvijati prijelaz. Ovo načelo treba slijediti i uzeti kao pravilo!


Struktura oznake

Moguće je primijetiti da se cijeli dizajn ove oznake naziva elementom web dokumenta.
HTML pravila, neki elementi mogu sadržavati i druge elemente. Oznaka nije iznimka. Ako programer treba istaknuti podebljanu riječ Google, ondato se radi s oznakom [b] [/b] prema općim pravilima oblikovanja teksta, dok se promatra slijed umetnutih oznaka. Webmaster mora znati kako stvoriti hiperveze u HTML-u bez grešaka, inače neće raditi. Nedostupne veze s računalnim slengom nazivaju se "pretučene". glavna stranica [b] Google [/b] Ovdje: Google element [/b] sadrži privitak [b] Google [/b] Posjetitelj stranice sada će vidjeti hipervezu označenu podebljanim tekstom s riječju "Google".

Apsolutne hiperveze

Hiperveze koriste apsolutne URL-ove stranica koje sadrže nazive domena (.ru, .com, .org, .gov), nazvane apsolutne i imaju sljedeću sintaksu: protocol: //ime domene /put do file Primjer tražilice na američkoj razini: https://aol.com - apsolutna, budući da sadrži naziv domene .com. Apsolutne hiperveze koriste se za skok na stranice drugih web-mjesta ili za pristup resursima koji se nalaze na drugom poslužitelju. Prijelaz se provodi putem internetskih protokola. Protokoli nisu tema ovog članka, ali zato što su uključeni u stvaranje hiperlinkova, potrebno je barem kratko spomenuti:
  • http i https su najčešći; nakon čega slijedi prijelaz između web stranica različitih mjesta;
  • ftp - protokol za preuzimanje datoteka na poslužitelj ili preuzimanje s korisnikom stranice;
  • mailto-mail protokol, koji šalje e-poštu izravno s web-mjesta bez ulaska u osobnu poštu.
  • Postoji još nekoliko posebnih protokolaDestinacija (gopher, telnet) je vrlo rijetka, čije korištenje zahtijeva stručno znanje u programiranju ili administraciji sustava.

    Relativne hiperveze

    Kada relativna adresa koristi hiperveze u HTML-u služi za prijelaze unutar resursa i ne dovodi do njezinih granica. Ako je stranica tako velika da se pokreće vertikalna traka za pomicanje, ponekad je vrlo duga, kao u rječnicima, na primjer, vrlo je zgodno i korisno koristiti relativne veze za brzo skakanje na željeno slovo. Prilikom izrade internetskog rječnika, programer na početku stranice ima abecedu, a ako se veze ne koriste, korisnik će morati dugo okretati kotačić miša kako bi došao do slova "I".
    Za stvaranje relativne veze, atribut oznake imena prethodi znak sidrene rešetke, bez kojega prebacivanje na slovo neće raditi.

    Relativno adresiranje pri izradi web-mjesta

    Zgodan i najčešći algoritam za kreiranje web-mjesta od strane programera:
  • stvaranje mape na računalu i lokacija na mjestu brzog pristupa radi praktičnosti;
  • stvoriti glavnu stranicu indeksa u ovoj mapi index.html;
  • stvaranje sekundarnih web stranica (index.html /page2);
  • stvaranje mape i postavljanje grafičkih datoteka u nju;
  • stvaranje mape i stavljanje u nju drugih objekata (datoteke za preuzimanje, na primjer);
  • sadržaj sadržaja;
  • Hostiranje datoteka.
  • Neophodno je koristiti vezu za komunikaciju između elemenata web-lokacije,i vrlo mnogo na putu će znati kako umetnuti hipervezu u HTML na drugoj stranici ove stranice. Ako su datoteke mjesta u istom direktoriju, na jednom poslužitelju, onda nema potrebe za korištenjem apsolutnog adresiranja. Prilikom prijenosa web-lokacija na hosting vezu između objekata bit će sačuvana, jer će biti smješteni u istom direktoriju. Na primjer, programer je stvorio glavnu stranicu site index.html, koji ima link na drugu stranicu page2.html, ukrašenu img.png. Tada će relativni put do ove slike izgledati ovako: slika Savjet: kada proučavate ovu temu, najbolje je koristiti jednostavni uređivač teksta jer morate steći sposobnost ispravnog pisanja prijelaznih adresa i naučiti kako se nositi s tuđim kodom. U ovoj fazi, hiperveza će biti dobar rezultat bez grešaka u bilježnici, HTML im ne oprašta i izdaje pogreške.

    Hiperveze hiperveze

    Prema zadanim se postavkama nova stranica otvara u trenutnom prozoru preglednika kada korisnik klikne na njih. No web programer može promijeniti zadanu vrijednost i prisiliti stranicu da se otvori, na primjer, u novom prozoru. Da biste to učinili, postoji atribut cilja s vlastitom vrijednošću. To se može jasno izraziti kao tablica. Vrijednost cilja atributa

    _blank



    otvara stranicu u novom prozoru preglednika



    _self



    otvara stranicu u trenutnom prozoru (zadano)



    _parent



    otvara stranicu roditeljskom okviru


    )
    _top



    kada koristite okvire, poništava ih sve i otvara stranicu u trenutnom prozoru preglednika

    Sintaksa cilja aplikacije atributa: otvara se glavna stranica google Google početna stranica novi prozor. Napomena: da biste otvorili stranice u novoj kartici, nema vrijednosti za taj atribut, nego ih korisnik postavi u postavkama preglednika.

    Boja hiperveze

    Iskusni korisnik Interneta tijekom vremena trebao je primijetiti da se hiperveze razlikuju u boji od okolnog teksta, a obično su plave. Veza kojom je prošao, a zatim se vratio na prethodnu stranicu, postaje lila. Korištenje hiperlinkova u HTML-u u nestandardnoj shemi boja je malo, ali ističe na stranici među ostalima.
    Određuje boju veza u oznaci pomoću atributa i njihovih vrijednosti, koje su HTML boja u rgb sustavu (# 00FF00) ili s izravnom naznakom naziva boje ("zelena"). Postoje tri vrste atributa za veze:
  • link - određuje boju posjećene veze;
  • vlink - Određuje boju veze na kojoj je korisnik prošao;
  • alink - Određuje boju veze u trenutku prijelaza na drugu stranicu. To se događa brzo, tako da ne možete uvijek uhvatiti ovaj učinak.
  • Primjer označavanja: Ako primijenite ove atribute, oznaka veze za ovaj web-dokument bit će tamno-plava, posjećena - ljubičasta, a aktivna - narančasto-crvena.

    Grafičke hiperveze

    Napredak i razvoj web dizajna zahtijeva znanje kako umetnuti hipervezu u HTML kaoslika. Jasno je da slika mora odgovarati sadržaju odredišne ​​stranice. Na primjer, glavna stranica stranice o ljekovitim biljkama može se prikazati u obliku fotografija biljaka, klikom na koju korisnik odlazi na stranicu koja opisuje ljekovita svojstva biljke. Široko korištena metoda zamjene statičkih tipki () na prekrasnoj grafici, koju je kreirao web dizajner u grafičkim urednicima (GIMP, Photoshop).
    Umetanje grafova kao hiperveza na stranice web-mjesta koristi istu sintaksu, ali umjesto teksta HTML oznaka za umetanje koristi HTML: Za označavanje
    Da bi se pozive s web-mjesta, mora biti ne samo link na pretplatnika telefonski broj, ali i slušalice (mikrofon, slušalice) instaliran na računalu, VoIP program, brzina Interneta bi trebao prelaziti 05 Mb /sec. Plaćanje za pozive vrši se po cijeni prometa. Stoga, ako je internet neograničen, pozivi su besplatni.

    Etika stvaranja hiperveza

    Pri postavljanju internetske stranice, webmaster mora znati koje vrste hiperveza postoje u HTML-u, a ne samo ispravno, profesionalno ih primjenjivati, ali i pridržavati se sljedećeg:
  • Hiperlinkovi trebaju biti jasno vidljivi. , različit od okolnog teksta. Korisnik bi trebao znati da je to hiperveza.
  • Korisniku bi trebalo biti jasno gdje će udariti klikom na vezu. Da biste to učinili, poželjno je upotrijebiti atribut naslova koji ukratko opisuje stranicuprijelaz. Sintaksa aplikacije atributa je:
  • Yandex
  • Korisnik mora dobiti točne informacije o datoteci koja će se preuzeti prilikom povezivanja na vezu.
  • Nakon što ste pogodili pogrešnu stranicu ili preuzeli pogrešnu datoteku, korisnik će odmah napustiti stranicu u 99% slučajeva i nikada neće otići na stranicu u budućnosti.

    Anti-Seo pri stvaranju hiperveza

    Osim tehničke strane, pitanje kako umetnuti hiperveze u HTML također treba istaknuti moralni aspekt. Postoje mnoge web-lokacije koje korisnici blokiraju sigurnosni programi (antivirusni programi) ili čak država. To su web-lokacije koje su stvorili nezaštićeni web-programeri.
    Jedan od trikova koje koriste je da umetne "nevidljivu" hipervezu na web stranicu. Prevaranti znaju kako stvoriti hipervezu u HTML-u i koriste atribute kako bi uklonili podcrtavanje veze i dodijelili joj boju okolnog teksta tako da je prosječan korisnik nije vidio. A s drugim web-baziranim alatima (CSS, javascript, PHP) možete programirati njihovo ponašanje. Na primjer, događaj onmouseover jezika JavaScripta aktivira akciju elementa web-stranice. Kada korisnik klikne nevidljivu vezu, klikne na stranicu oglasa na drugoj web-lokaciji. Ili još gore, kada postoji nevidljiva veza s datotekom i ona počinje preuzimati i instalirati nepotreban softver na svoje računalo. Obično su to virusi koji mijenjaju početnu stranicu preglednika, pretvaraju tvrdi disk u masu programa i tako dalje. Uskoro suweb-mjesta spadaju u "crnu listu" virusnih baza podataka, sigurnosnih sustava i samih korisnika Interneta. Takve stranice ne žive dugo i moraju mijenjati imena, beskrajno migrirati preko Interneta, mijenjajući pružatelje usluga. To ne promovira promidžbu stranice, na koju njezin kreator uvijek teži, nikada neće učiniti megaportal, kao što su, na primjer, društvene mreže. Između ostalog, takve tehnike uzrokuju mnogo negativnih emocija kod ljudi pogođenih tim akcijama.

    Povezane publikacije