RačunalaProgramiranje

Kako da ubacite hipervezu u HTML? Kreiranje i upotreba hiperveze u HTML

Hipertekst je tekst koji sadrži linkove na druge teksta. Primjeri su autora bilješke o složenim definicijama ili prevođenje fusnote na dnu stranice knjige, ako se utvrdi tekst na stranom jeziku. Internet stranice su kompleksan sistem hipertekst skače sa jedne na drugu stranicu unutar same stranice, ali i između nepovezanih single-tematske resursa. Takva struktura je praktičan, štedi puno vremena, omogućuje posjetitelj da brzo pronaći informacije koje su vam potrebne, a da se ne izgubi u velikom broju prelaze.

Umetanje hiperveze

U HTML za umetanje hiperveza pomoću deskriptor (tag) , koji se ubacuje na pravom mjestu. Obično je to među tekst kao hipervezu samo po sebi je tekst strukture. Ali veze su više grafike (ikone, gumbi, slike); od njih će se raspravljati dalje. Njihove lokacije na web stranici nije ograničen na tekst, ali ovisi o kavu Site Design odluku.

Home Google

Ovo je primjer kako da ubacite hiperveze u HTML-dokument koji nose oznaka. posjetitelji stranice će vidjeti podvučeni tekst koji se razlikuje od boje okolnog teksta (boja HTML-veze može biti bilo šta), "na početnoj stranici Google", klikom na tome, on će dobiti na početnu stranicu, "Google" search engine. Treba napomenuti da je tekst hiperveze treba da sadrži informacije o tome gdje će tranzicija biti izvršena. Ovaj princip treba pratiti i uzeti kao pravilo!

citat struktura ...

Možda ćete primijetiti da tag - parovi: potrebno zatvaranje tag .

href - citat atribut određuje odredište link.

https://google.com/ - vrijednost atributa, priložiti URL-adresu resurs na kojem će se napraviti tranziciju. To je dvostruko ili jednostrukim navodnicima. To ovisi o strukturi gniježđenja oznaku HTML pravila.

Home Google

cela struktura je element web dokumenta.

Po pravilima HTML-a, neki elementi mogu sadržavati i druge elemente. Tag nije izuzetak. Ako programator treba da istakne masnim slovima riječ Google, radite to pomoću taga prema općim pravilima formatiranja teksta u sekvenci ugnežđenih oznaka. Webmaster treba da zna kako stvoriti hipervezu u HTML grešaka, inače neće raditi. Pokidane veze na računalo slengu naziva "tukli".

Glavna stranica Google

Ovdje: element

Glavna stranica Google

Sadrži ugnježdene

Google

Sada stranice posetioca vidi hipervezu masnim slovima riječ "Google".

apsolutna hiperveza

Hiperveza koje koriste apsolutni URL-adrese sajtova koji sadrže imena domena (.ru, .com, .org, .gov ), pod nazivom apsolutna, i imaju sljedeću sintaksu:

Protokol: // naziv domene / putanja datoteke

Primjer adresa raširena u Americi pretraživaču https://aol.com - apsolutna, jer u sebi sadrži ime domena .com.

Apsolutni hiperveze služe za navigaciju na stranice drugih mjesta ili za pristup resursima koji se nalaze na drugom serveru. Tranzicija se vrši pomoću Internet protokola. Protokoli - to nije tema ovog članka, ali kako oni učestvuju u kreiranju linkova, morate barem na kratko ih spomenuti:

  • http i https - najčešći; za njih za prebacivanje između web stranicama različitih mjesta;
  • FTP - protokol za upload datoteka na server ili korisnik preuzimanja sa stranice;
  • mailto - mail protokol koji šalje e-mail direktno sa stranice, bez odlaska u privatnu e-mail.

Postoji nekoliko izvještaja posebne namjene (gopher, telnet), je prilično rijedak, čija je upotreba zahtijeva posebna znanja iz programiranja ili sistem uprave.

relativna hiperveza

Sa relativnim adresiranje, korištenje linkova u HTML se koristi za tranziciju u životu i ne vodi izvan nje. Ako je stranica toliko velik da radi vertikalni scrollbar, ponekad jako dugo, kao što je u rječniku, to je vrlo povoljno i prikladno koristiti relativne linkove za prelazak na željeno slovo.

Stvaranje online rječnik, programer na početku stranice ima pismo, a ako ne za korišćenje veze, korisnik bi imao jako dugo vremena vratiti točak miša doći do slovo "I".

Da biste napravili u odnosu link pomoću imena atributa tag:

Povratak na pismo koje sam

gdje ya zove sidro, dok Povratak na slovo I - sidro odredište. Za ispravan prikaz sidara preporučuje se koriste slova i brojeve, tako da ne pišu "I", iako bi bilo razumljivo.

Sada kada je prelazak iz abecede na početku stranice na slovo "I", neophodno je da se sidro klin u HTML-dokument, koji počinje slovom "I":

ispred sidro stoji broj znakova, bez kojih prelazak na pismo neće raditi.

Relativna obraćajući pri izgradnji web

Zgodan a najčešći algoritam za stvaranje softvera site:

  • Kreiranje foldera na računaru i njegova lokacija na mjestu za praktičnost brz pristup;
  • stvaranje index.html u folder početnoj stranici;
  • stvaranje sekundarnih web stranice (index.html / strana2);
  • Kreiranje foldera i stavljanje u slikovne datoteke;
  • Kreiranje foldera i postavljanjem drugih objekata (datoteke za preuzimanje, na primjer);
  • punjenje sadržaja stranice;
  • stavljanje stranice na hosting datoteka.

Nužno da se koristi za komunikacijske veze između elemenata sajta, i da će biti vrlo korisno znati kako da ubacite hipervezu u HTML na drugu stranicu na istom mjestu. Ako se stranice nalaze u istom direktoriju na istom serveru, nema potrebe da se koriste apsolutne adresiranje. Prilikom prenošenja datoteka na sajtu domaćin vezu između objekata i dalje, jer su domaćini i da će biti postavljen u istom direktoriju.

Pretpostavimo da programer je stvorio početnu stranicu index.html stranice, koji ima link na drugu stranicu page2.html, ukrašen slikom img.png. Onda relativnu putanju do slike će izgledati ovako:

Savjet: u istraživanju ove teme je najbolje koristiti jednostavan tekst editor iz razloga što je potrebno da stekne znanje u ispravnom pravopisa tranzicije adresa, i da nauče da razumiju tuđe koda. U ovoj fazi će biti dobar rezultat bez greške napisan hipervezu u svesku, HTML ih ne oprosti, i daje grešku.

Metode kliknete na hipervezu

Po defaultu, nova stranica se otvara u trenutnom prozoru preglednika kada korisnik klikne na hipervezu. Ali, web programer može promijeniti default i prisiliti otvoriti stranicu, na primjer, u novom prozoru. U tu svrhu je meta atribut sa određenim svoju vrijednost. Nigdje nije moguće izraziti stola.

Vrijednosti ciljnog atributa
_blank otvara stranicu u novom prozoru preglednika
_self otvara stranicu u trenutnom prozoru (zadana postavka)
_parent otvara stranicu u roditelja kadru
_top koristeći okvire ih sve poništi i otvara stranicu u trenutnom prozoru preglednika

Sintaksa za primjenu atributa cilja:

Početna Google

Home "Google" će se otvoriti u novom prozoru.

Napomena: da biste otvorili stranicu u novoj kartici, nema vrijednosti za ovaj atribut, a koje je postavio korisnik u postavkama preglednika.

Boja linkova

Iskusni korisnici interneta tokom vremena, trebali primijetiti da su hiperveze se razlikuju u boji od okolnog teksta, a oni su obično plave boje. Linkovi na kojima je prošao, a zatim su se vratili na prethodnu stranicu, su jorgovan. Koristeći hiperveze u HTML u nestandardne boje malo, ali izdvaja mjestu među ostalima.

Postavlja boju veze u tag pomoću atributa i njihovih vrijednosti, koja služi HTML boje u RGB sistem (# 00FF00) ili s direktnim naznakom naziva boje ( "zeleni"). Postoje tri vrste atributa za linkove:

  • link - definiše boju neposećene linkova;
  • vlink - određuje boju veze kroz koje je korisnik već prošao;
  • Alink - određuje boju linka kada se prelazi na drugu stranu. To je brz, tako da ne može uvijek uhvatiti ovaj efekat.

oznaka Primjer:

Ako ste primijeniti ove atribute u oznaci , referentni web dokument će biti tamno plava, je posjetio - ljubičaste i aktivni - narandžasto-crveni.

grafički hiperveza

Napredak i razvoj web dizajn zahtijeva da znaju kako da ubacite hipervezu u HTML kao sliku. Jasno je da je slika mora odgovarati sadržaju stranice odredište. Na primjer, glavni strani ljekovitog bilja mogu biti predstavljeni u obliku slike biljaka, klikom na koji će korisnik ode na stranicu koja opisuje ljekovita svojstva biljaka.

Naširoko se koristi način da zamijeni statički tipke () na lijepe grafike koju je kreirao web dizajner u grafičkoj editor (GIMP, Photoshop).

Da biste umetnuli grafički kao hipervezama na stranicama site koristi istu sintaksu, ali umjesto teksta pomoću slike tag umetanjem pravilima HTML:

Do tag na isti način primjenjuju atribute navesti alternativni tekst, širina, visina, i drugi.

Pozivi sa web stranice

HTML5 standard je proširio funkcionalnost korištenja interneta, a sada možete obavljati pozive, ne samo iz telefona, ali direktno sa stranice. U tu svrhu možete koristiti i hiperveza u HTML dokument, i oni imaju sljedeću sintaksu:

... party ...

Umjesto riječi "party" propisano je intuitivno kontakt pozivatelja u telefonskom imeniku. Također možete postaviti grafičku datoteku (user fotografija).

Da pozivi su napravljene na lokaciju, morate imati ne samo referencu na broj telefona pretplatnika, ali i slušalice (mikrofon, slušalice) koji je instaliran na vašem računalu VoIP-program, brzine treba biti veća od 0,5 MB / sec. Plaćanje za pozive odvijanje saobraćaja. Stoga, ako je internet neograničen, pozivi su besplatni.

Etika stvoriti hiperveze

Postavljanjem sajt na Internetu, webmaster treba znati kakve su hiperveze u HTML, a ne samo pravo da ih koriste profesionalno, ali i u skladu sa sljedećim odredbama:

  • Hipervezu mora biti lako vidljiva, za razliku od svojih okolnog teksta. Korisnik mora znati da je to - hipervezu.
  • Korisnik treba biti jasno gdje će dobiti klikom na link. Da bi se to postiglo, preporučljivo je koristiti više naslova atribut, što jezgrovito opisuje stranice konverzije. Sintaksa primjene atribut je:

Yandex

  • Korisnik mora dobiti precizne informacije o datoteci će biti preuzeta kada kliknete na link.

Jednom nije očekivani stranice ili preuzimanjem pogrešan datoteka, korisnik je 99% odmah napustite sajt i nikad na to nije ući u budućnosti.

Anti-Seo za stvaranje hiperveze

Pored tehničke strane pitanje kako da ubacite hipervezu u HTML-u, treba istaknuti još i moralni aspekt. Postoje mnoge web stranice na koju je pristup blokiran korisnicima da sigurnosnog softvera (Antivirus), ili čak države. To su lokacije koje su stvorene na nečistom web programeri ruku.

Jedan od trikova kojima pribegavaju - je da ubacite u "nevidljivi" hiperlink na web stranici. Prevaranti znaju kako stvoriti hipervezu u HTML i koristite podvlaku atribut da ukloni linkove i dodijeliti ga boju okolnog teksta, tako da je prosječna korisnik ne vidim je. I uz pomoć drugih web tehnologija alata (CSS, JavaScript, PHP) se može programirati njihovo ponašanje. Na primjer, OnMouseOver JavaScript događaj jezik aktivira efekt web stranice elemenata. Kada korisnik drži pokazivač na nevidljivu vezu, on dobiva na reklamne stranice u drugim lokacijama. Ili, još gore, kada je nevidljivi link na datoteku na kompjuteru i počinje preuzet i instaliran nepotrebnih softvera. Tipično, virus koji je promenio web pretraživača, legla hard disk i drugih masovnih programa.

Uskoro takve lokacije spadaju u "crnu listu" virusa baze podataka, sigurnost i okoliš korisnika Interneta. Takvim lokacijama ne traju dugo, a oni morati mijenjati svoja imena beskrajno migrirati na internetu, mijenja provajdera domaćina. Ovo nije pogodno za promociju stranice, na koje uvijek traži njegov tvorac, nikada ne čine ga megaportals, kao što je, na primjer, društvenim mrežama. Između ostalog, ovi trikovi izazvati mnoge negativne emocije u žrtve ovih ljudskog djelovanja.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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