Crearea legturilor (link-urilor)

Una dintre caracteristicile de baz ale limbajului HTML este aceea de structurare a documentelor Web ntr-o colecie de fiiere ntre care exist legturi, trecerea de la un document la altul facndu-se prin intermediul acestora. Legturile, n functie de locul n care se afl fiierele conectate prin legatur, sunt: interne - dac legtura se face ctre o seciune a aceluiai fiier; locale - daca fiierele se afl pe acelai calculator, eventual pe calculatoare din aceeai retea local; ndeprtate- dac fiierele legate se afl pe calculatoare din reele diferite(pe calculatoare gazd aflate la distan). Legturile se realizeaz prin intermediul marcajului container A, care are urmtoarea sintax:
<A HREF="cale catre fisier"> Text/obiect </A>

unde: HREF este atributul a crei valoare reprezint calea ctre fiierul spre care arat legatura (HREF este o prescurtare de la Hypertext Reference); cale_catre_fisier : ir de caractere ce permite identificarea n mod unic a fiierului referit de legtur; Text/obiect explicativ: legtura cu fiierul solicitat se face prin selectarea unui text sau a unui obiect grafic (clic pe textul/obiectul explicativ). Fontul folosit pentru afiarea unei legturi este subliniat i are o culoare diferit de culoarea implicit a textului documentului. De asemenea, culorile folosite pentru afiarea legturilor vizitate, nevizitate, respectiv active sunt diferite i depind de setrile implicite ale navigatorului. Se poate utiliza ca element de activare a legturii i o imagine. Observaii n reeaua Internet, o resurs (fiier, calculator gazd, e.t.c) poate fi adresat n mod unic prin utilizarea unui mecanism numit URL Uniform Resource Locator care permite identificarea n mod unic a oricrei resurse. Din punct de vedere practic, un fiier HTML poate fi localizat cu ajutorul unei adrese de forma: unde: http://adresa_server/dir1/dir2/.../dirN/nume_fisier - adresa_server reprezint adresa calculatorului gazd care memoreaz fiierul - dir1, dir2, , dirN: calea ctre fiier, ncepnd cu directorul rdcin; Adresa URL de mai sus este o adres absolut. Localizarea fiierului int poate fi fcut prin specificarea: Caii absolute Caii relative Dac se utilizeaz calea absolut se va scrie calea complet, de la directorul de la nivelul cel mai nalt i pn la documentul referit. Referinele absolute ncep ntotdeauna cu un slash (/) urmat de succesiunea directoarelor pn la documentul referit. Dac se folosete calea relativ trebuie s specificm directoarele ctre documentul int pornind de la documentul n care se afla referina (documentul surs). Specificarea cii se face n format Unix, directoarele fiind separate prin slash, indiferent de sistemul de operare pe care lucrai. !Sfat

Este recomandat utilizarea legturilor relative ori de cte ori este posibil, pentru ca documentele s fie portabile. Mutarea unui document pe alt calculator sau pe alt disc al aceluiai calculator nu trebuie s afecteze legturile stabilite ntre fiierele componente. Dac generai documentele Web cu ajutorul unui editor specializat, verificai dac URLurile sunt specificate prin ci relative, altfel legturile nu vor funciona dac mutai documentele de pe calculatorul local pe calculatorul gazd. S considerm structura de foldere din figura 1.4.

Figura 1.4 Folderul lucru se afl n rdcina discului. Presupunem c folderul y3 conine fiierul fis1.htm, folderul z conine fiierul fis2.htm, iar folderul y1 conine fiierul fis3.htm. Exemplul urmtor arat mai multe modaliti de specificare a cilor absolute i relative.
O legtur avnd ca document surs fiierul fis1.htm i fis3.htm ca document int se definete prin: <A Href=/lucru/y/y1/fis3.htm>Text de activare a legaturii</A> sau <A Href=../fis3.htm>Text de activare a legaturii</A> O legtur avnd ca document surs fiierul fis2.htm i fis1.htm ca document int se definete prin: <A Href=/lucru/y/y1/y3/fis1.htm>Text de activare a legaturii</A> sau <A Href=../y1/y3/fis1.htm>Text de activare a legaturii</A>

Prin .. se va specifica directorul aflat pe nivelul superior, adic directorul printe al folderului curent.

Inserarea imaginilor
Cele mai spectaculoase efecte vizuale sunt obinute atunci cnd pagina conine imagini, ns nu numai ca aspect decorativ ci i pentru a sublinia i mbunti mesajul transmis de publicaia electronic. n paragraful de fa vom vedea cum putem s introducem n pagin o imagine intern, care este ncrcat odat cu ncrcarea paginii. Imaginile interne pot fi introduse n documentul HTML prin marcajul vid IMG, care este folosit n conjuncie cu atributele: SRC="nume_fisier" - indic numele fiierului ce conine imaginea. ALT="text explicativ"- afieaz un text alternativ atunci cnd navigatorul nu are suport pentru afiarea imaginilor;

WIDTH=nr - specific limea n pixeli a dreptunghiului n care se va afia imaginea; HEIGHT=nr - specific nlimea (n pixeli) imaginii; ALIGN - permite controlul alinierii imaginii fa de liniile de text care urmeaz i poate avea valorile: TOP- aliniaz imaginea cu partea cea mai de sus a rndului; MIDDLE - aliniaz imaginea cu mijlocul rndului; BOTTOM -aliniaz imaginea cu cea mai de jos parte a rndului sau cu partea de jos a celei mai mari imagini de pe rnd; VSPACE="nr" stabilete spaiul dintre imagine i textul aflat deasupra, respectiv dedesubtul imaginii; HSPACE="nr" stabilete spaiul dintre imagine i textul aflat la stnga i la dreapta imaginii; Introducerea unei imagini interne, fr specificarea limii i nlimii (n mrime natural") se face astfel:
<IMG SRC="NextButton.gif" ALT=Sectiunea urmatoare>