referințe absolute și relative
Imagine link-uri (link-uri, imagini)
Așa cum am spus mai sus, în scopul de a crea un link, imagine, trebuie să utilizați text în loc de imagini. Un exemplu de o astfel de referință este:
Un browser va afișa:
În mod implicit, browser-ul este înconjurat de cadru de imagine în link-ul de grafică. În cazul în care acest lucru nu este de dorit, atributul «frontiera» IMG tag-ul trebuie să i se atribuie valoarea 0:
Link-uri text și imagine pot fi combinate. Dacă scrie:
referința este modul în care imaginea și textul „Acasă“
Numele ancora este setat în mod arbitrar. Aici trebuie spus că nu toate browserele înțeleg nume românești de ancore, așa că recomandăm să folosiți caractere latine. Textul între etichetele și este opțională și de multe ori nu este indicat pentru crearea unei ancore.
Anchor este situat în zone ale paginii la care utilizatorul trebuie să obțină după ce faceți clic pe link-ul.
Am creat o ancora numita «zagolovok» și puneți-l lângă titlul acestei lecții ( „Hyperlink în HTML»). ancora codul următor:
HTML code link intern ar arata astfel:
precum și în browser
După ce faceți clic pe acest link, va merge la titlul acestei lecții.
Să examinăm mai întâi crearea de legături în raport cu directorul rădăcină al site-ului.
Să presupunem că trebuie să ne referim la klienty.html paginii, care se află în același folder ca pagina de start. Apoi, referința relativă cod ia forma:
Acum, să presupunem că, în același dosar ca pagina de start este dosarul «zakazy» și în ea se află pagina klienty.html Apoi, un cod de referință relativă va fi după cum urmează:
Acum ia în considerare crearea de hyperlink-uri în raport cu pagina originală. Să presupunem că avem o pagină price.html (pagina originală) și este necesar să se facă referire la pagina klienty.html Există următoarele variante standard:
1. Pagini klienty.html price.html și sunt în același folder
Apoi, codul este după cum urmează:
2. Pagina klienty.html și dosarul «zakazy» sunt situate în site-ul rădăcină, pagina dosar price.html este în «zakazy» dosar (de exemplu, pagina klienty.html relativ price.html pagina originală este un nivel mai ridicat)
Codul va fi după cum urmează:
Două puncte indică faptul că aveți nevoie pentru a iesi din directorul curent cu un nivel mai ridicat.
3. klienty.html Page și dosarul «zakazy» sunt situate în site-ul rădăcină, «Mebel» FOLDER este în «zakazy», pagina dosar price.html este în «mebel» dosar (de exemplu, pagina klienty.html în raport cu pagina originală price.html se intinde pe doua nivele de mai sus)
Codul de referință va arăta:
Ie fiecare nivel este indicat prin două puncte și o bară oblică „/“.
4. Stranitsaprice.html (ref. Page) și un dosar «zakazy» sunt situate în site-ul rădăcină, directorul stranitsaklienty.html este în «zakazy» (de exemplu, pagina este acum relativ klienty.html price.html dosarul original, pagina este pe același nivel de mai jos)
Acum, codul arata ca acest lucru:
În acest caz, punctul și nu a pus slash-uri.
5. Page price.html (ref. Page) și un dosar «zakazy» sunt situate în site-ul rădăcină, «Mebel» FOLDER este în «zakazy» dosarul Pagina klienty.html se află în «mebel» dosar (de exemplu, acum Page klienty.html relativ price.html pagina inițială este de două nivele de mai jos)
Cod de referință după cum urmează:
6. În directorul rădăcină al site-ului sunt două dosare: «zakazy» și «oplata». Pagina klienty.html se află în dosarul «zakazy» ca pagina price.html originală se află în «oplata» dosar (de exemplu, ambele pagini se află în dosare diferite la nivelul inferior al folderului rădăcină al site-ului)
Codul de referință va fi după cum urmează:
precum și în browser
La «A» tag-ul, la fel ca celelalte etichete au propriile lor atribute in HTML. Luați în considerare unele dintre ele.
Caracteristica «țintă»
În mod implicit, browser-ul atunci când faceți clic pe link-ul se deschide pagina în aceeași fereastră. Pentru a schimba acest lucru, folositi tag-ul atributul «A» «țintă». Acesta are următoarele valori:
- _blank - se deschide într-o fereastră nouă (în browserele moderne, într-o nouă filă);
- _parent - încărcați legătura în fereastra părinte;
- _self - implicit. Deschide link-ul în aceeași fereastră.
Nu e toate valorile atributului țintă, dar este foarte de bază. Un exemplu de utilizare a acestui atribut:
Atributul «titlu»
se poate utiliza, de asemenea, atributul «titlu» Eticheta «A». Cu aceasta creează un tooltip care apare atunci când treceți peste link-ul.