Prije izrade veze u HTML-u, to trebateshvatiti što je to i koje su vrste. Bilo koja veza započinje oznakom <a> i završava oznakom </a>. Korisniku se prikazuje samo ono što je zatvoreno između ovih oznaka. Preglednik ne prikazuje samu vezu. To se može vidjeti prilikom zadržavanja pokazivača miša u statusnoj traci.
Sve se veze mogu podijeliti prema različitim kriterijima i vrstama. Na primjer, veze se mogu podijeliti prema namjeni:
- unutar dokumenta;
- na drugu web stranicu;
- u razne datoteke;
- na poštanske adrese.
Uz to se 2. i 3. stavka mogu podijeliti na apsolutne i relativne adrese. O tome više kasnije. Razmotrimo sada najjednostavniji slučaj.
Kako napraviti vezu u HTML-u? Da biste to učinili, možete otvoriti bilježnicu ili bilo koji drugi uređivač i prepisati gornji kod.
Rezultat će biti sljedeći.
Od čega se sastoji veza?
Imajte na umu da bilo koja veza mora imati:
- oznake za otvaranje i zatvaranje;
- tekst veze;
- atribut href koji određuje URL na koji će korisnik biti usmjeren.
Kao što vidite, na prvoj slici link je pages / about.html. Ovo je relativna poveznica. Na gornjoj slici link započinje s http: //. U ovom se slučaju koristi apsolutna referenca.
Ako ne navedete završnu oznaku, to je to.sljedeće će također biti nastavak ove poveznice. Budi oprezan. Kada napišete svoj kod, odmah uključite oznake za otvaranje i zatvaranje. Ovako je sigurnije.
Kako napraviti sliku kao vezu u HTML-u?
Umjesto teksta u oznakama <a> ... </a>, možete odrediti slike. Odnosno, ako korisnik klikne na sliku, slijedit će vašu vezu.
Ova metoda se koristi vrlo često.Pogotovo na jelovniku na prekrasnim stranicama. Dizajneri izgleda uvijek razmišljaju o tome kako povezati stranicu u HTML-u prije stvaranja žičanog dizajna. Točnije, u kojem obliku to sve učiniti. Koriste se sve metode koje webmaster posjeduje. Razmotrimo dizajn malo dalje.
Kako povezati datoteku u HTML-u?
Atribut href može sadržavati veze do datoteka. To se obično događa kada je naznačena veza za preuzimanje datoteke (arhiva, film, glazba, knjiga, tekstualna datoteka i tako dalje).
Drugim riječima, na adresi možete odrediti što god želite. Ako to nije web stranica, preglednik će je pokušati preuzeti.
Veze unutar stranice
Sigurno ste posjetili barem jednom"Wikipedija". Sadržaj je članka. A kad kliknete bilo koju stavku, preusmjerit ćete se u odgovarajući podnaslov. Takve poveznice nazivaju se poveznicama unutar dokumenta ili oznaka.
Kako napraviti vezu unutar stranice u HTML-u?
Sve je vrlo jednostavno.Veze u tekstu označavamo atributom <a>, ali ne navodimo href. Morate napisati atribut imena i unutar dokumenta postaviti jedinstveno ime. A na mjestu gdje u dokumentu naznačujete poveznice na ove bilješke, u atributu href prvo napišemo hash, a zatim taj jedinstveni naziv.
Čim preglednik na adresi vidi simbol #, shvaća da je potrebno uputiti se na neki element u istom dokumentu.
Veze e-pošte
Ponekad morate navesti vezu na svoju e-poštu. Može se i ovako.
Nakon klika na ovaj link, korisnikotvorit će se aplikacija za upravljanje poštom. To je obično standardni Outlook. Ali ovaj program obično nitko ne konfigurira. Stoga je adresa e-pošte obično naznačena u obliku teksta.
atributi
Ako ste shvatili kako napraviti vezu u HTML-u, preporučuje se proučavanje preostalih atributa oznake <a>. Ovo su vrlo važne informacije. Razmotrimo najosnovnije:
- Atribut naslova - Stvara opis pri prelasku pokazivača iznad veze. Prilično je prikladno. To vam omogućuje pružanje dodatnih podataka korisniku.
- Ciljni atribut je mjesto na kojem će se učitati novi dokument (web stranica). Može imati sljedeće vrijednosti:
- _blank - otvorit će se novi prozor preglednika;
- _self - otvara se u trenutnom prozoru, ovo je zadana vrijednost, nije je potrebno navesti;
- _parent - učitavanje u roditeljski okvir, ako oni nisu tamo, tada atribut preuzima vrijednost_self;
- _top - otkažite sve okvire i učitajte stranicu u punoj veličini preglednika. Ako nema okvira, tada se događa analogija sa samim sobom.
- Atribut preuzimanja.Zahvaljujući njemu možete prisilno preuzeti datoteku koja je navedena u atributu href. Ovaj parametar nema vrijednost. Samo preciziramo <a download href="img/photo.jpg"> Veza na datoteku </a>. Ako ne navedete preuzmite, tada će preglednik samo otvoriti fotografiju. U tom će se slučaju početi preuzimati na vaše računalo.
Dizajn veze
Ako ste shvatili kako napraviti sliku kao vezuHTML, poželjno je osigurati i da izgleda normalno. Prema zadanim postavkama oko slike se pojavljuje obrub, koji je poveznica. Izgleda bezobrazno i ružno. Budući da je njegova debljina 3 piksela.
Da biste to izbjegli, trebate navesti border = "0". Odnosno, granica će biti jednaka nuli. Takva poveznica sa slike izgledat će lijepo i prihvatljivo. Inače ćete uplašiti sve posjetitelje stranice.
zaključak
Veze su na prvi pogled vrlo jednostavna oznaka. Ali ako se dublje zagledate i razmotrite sve vrste poveznica i atributa, ispada da sve nije tako lako i bez oblaka.
Zapamtite, veze su okosnica World Wide Weba. Bez njih ne bi bilo.
