Lekcija: kako napraviti vezu u HTML-u?

Prije nego što napravite vezu u HTML-u, trebateshvatiti što je to i kakve su. Svaka veza započinje s <a> oznakom i zatvorena oznakom </a>. Korisnik prikazuje samo ono što je zatvoreno između tih oznaka. Preglednik ne prikazuje vezu. Može se vidjeti tako da se lebdi na traci statusa.

Svi linkovi mogu se podijeliti prema različitim kriterijima i vrstama. Na primjer, možete dijeliti veze prema svrsi:

• unutar dokumenta;
• na drugu web stranicu;
• na raznim datotekama;
• na poštanske adrese.

Osim toga, 2. i 3. stavka mogu se podijeliti na apsolutne i relativne adrese. O tome malo kasnije. Sada razmislite o najjednostavnijem slučaju.

Kako u HTML-u napraviti vezu? Da biste to učinili, možete otvoriti notepad ili bilo koji drugi urednik i nadjačati gore navedeni kôd.

Rezultat je sljedeći.

Što se sastoji od veze?

Imajte na umu da je potrebna svaka veza:

• otvaranje i zatvaranje oznake;
• tekst veze;
• atribut href, koji određuje adresu na koju će se korisnik poslati.

Preostali atributi su neobavezni. Koristim ih po vlastitom nahođenju.

Kao što možete vidjeti, prva slika prikazuje stranice veze / about.html. Ovo je relativna referenca. Na gornjoj slici veza počinje s http: //. U ovom se slučaju koristi apsolutna referenca.

Ako ne navedete oznaku za zatvaranje, onda sveSljedeći će također biti nastavak ove veze. Budite oprezni. Prilikom pisanja koda odmah stavite oznaku za otvaranje i zatvaranje. Tako je sigurnije.

Kako napraviti sliku vezom u HTML-u?

Umjesto teksta u oznakama <a> ... </a>, možete odrediti slike. To jest, ako korisnik klikne na sliku, on će kliknuti vašu vezu.

Ova metoda se vrlo često koristi. Pogotovo u izborniku na prekrasnim mjestima. Šminka dizajneri uvijek misle kako napraviti vezu na stranicu u HTML-u prije stvaranja dizajna web stranica. Točnije, u kojem je obliku sve to učinjeno. U tečaju su svi načini na koje web master posjeduje. Pogledat ćemo malo dalje.

Kako u HTML-u napraviti vezu na datoteku?

U atributu href možete navesti reference na datoteke. To se obično događa kada navedete vezu za preuzimanje datoteke (arhiv, film, glazba, knjiga, tekstna datoteka itd.).

Drugim riječima, možete navesti bilo što u adresi. Ako to nije web stranica, preglednik će ga pokušati preuzeti.

Interne reference

Sigurno ste posjetili barem jednom"Wikipedia". Tu je i sadržaj članka. A kad kliknete stavku, premješta se na odgovarajuću podnaslov. Takve se veze nazivaju referencama unutar dokumenta ili oznaka.

Kako u HTML-u napraviti vezu unutar stranice?

Vrlo je jednostavno. Označava poveznicu u tekstualnom atribut <i>, ali ne precizira href. Morate napisati ime atributa i jedinstveno ime u dokumentu. I u tom mjestu, gdje ste naveli pozivanje na bilješke u dokumentu, u href atribut napisati prvu rešetku, a zatim i jedinstveno ime.

Čim preglednik vidi znak # u adresi, razumijeva da je potrebno uputiti se na element unutar istog dokumenta.

Veze na e-poštu

Ponekad morate navesti vezu na e-poštu. To možete učiniti.

Nakon što kliknete tu vezu korisnikaotvorit će se aplikacija za upravljanje poštom. To je obično standardni Outlook. Ali ovaj program obično nije prilagođen. Stoga je obično e-adresa jednostavno naznačena u obliku teksta.

atributi

Ako razumijete kako napraviti vezu u HTML-u, preporučujemo da proučite preostale atribute <a> oznake. Ovo je vrlo važna informacija. Razmotrite najosnovnije:

• Naslov atributa - stvara pop-up savjet kada lebdi preko veze. Ovo je vrlo povoljno. Zahvaljujući tome korisnicima možete pružiti dodatne informacije.
• Ciljani atribut je mjesto na kojem će se učitati novi dokument (web stranica). Ovdje mogu biti sljedeće vrijednosti:
  • _blank - otvorit će se novi prozor preglednika;
  • _self - otvaranje u trenutnom prozoru, to je zadana vrijednost, nije potrebno odrediti;
  • _parent - učitavanje u roditeljski okvir, ako nema, onda atribut uzima vrijednost_self;
  • _top - poništava sve okvire i učitava stranicu u punu veličinu preglednika. Ako nema okvira, onda postoji analogija sa samom.
• Atribut preuzimanja. Zahvaljujući njoj možete silom preuzeti datoteku navedenu u atributu href. Ovaj parametar nema vrijednost. Navodimo samo <a href="img/photo.jpg"> povezivanje na datoteku </a>. Ako ne navedete preglednik jednostavno otvara fotografiju. U tom će se slučaju preuzeti na računalo.

Projektiranje veza

Ako razumijete kako postaviti referentnu slikuHTML, poželjno je voditi računa o činjenici da izgleda normalno. Prema zadanim postavkama, oko slike, koja je veza, prikazuje se okvir. Izgleda grubo i ružno. Budući da je debljina 3 piksela.

Da nije, potrebno je odrediti border = "0". To jest, granica će biti nula. Evo veze sa slike koja će izgledati lijepo i prihvatljivo. Inače, prestrašit ćete sve posjetitelje stranice.

zaključak

Linkovi su na prvi pogled vrlo jednostavna oznaka. Ali ako dublje razmišljate i razmotrite sve vrste veza i atributa, ispada da sve nije tako jednostavno i bez oblaka.

Zapamtite, veze su okosnica World Wide Weba. Bez njih, to ne bi postojalo.

</ p>