Link-urile sunt esenta webului, fara acestea paginile unui site nu ar avea legatura intre ele. Pentru a adauga un link se foloseste tagul de deschidere <a href="locatie"> si tagul de inchidere </a>. Tot ce va aparea intre aceste doua taguri va fi subliniat si colorat, iar in momentul click-ului pe acel text, browser-ul va fi trimis spre locatia data.
Exemplu:
Viziteaza Autosite!
Sursa:
Viziteaza <a href="http://www.autosite.ro/">Autosite</a>!
Daca link-ul este catre o pagina care se afla in acelasi director cu pagina curenta, nu mai ai nevoie sa introduci url-ul, doar numele paginii. Spre exemplu, daca ai o pagina care se numeste publicitate.html, poti folosi codul <a href="publicitate.html">Publicitate</a>
Tagului de deschidere i se pot atasa atributul target="_blank" pentru ca link-ul sa se deschida intr-o noua pagina.
Exemplu:
Viziteaza Autosite!
Sursa:
Viziteaza <a href="http://www.autosite.ro/" target="_blank">Autosite</a>!
De retinut: link-urile sunt folosite pentru a naviga de la o pagina la alta, dar pot fi folosite si pentru trimiterea mail-urilor.
Exemplu:
Trimite un email la WebMaster!
Sursa:
Trimite un email la <a href="mailto:emgos_@hotmail.com">WebMaster</a>!
Exemplu:
Viziteaza Autosite!
Sursa:
Viziteaza <a href="http://www.autosite.ro/">Autosite</a>!
Daca link-ul este catre o pagina care se afla in acelasi director cu pagina curenta, nu mai ai nevoie sa introduci url-ul, doar numele paginii. Spre exemplu, daca ai o pagina care se numeste publicitate.html, poti folosi codul <a href="publicitate.html">Publicitate</a>
Tagului de deschidere i se pot atasa atributul target="_blank" pentru ca link-ul sa se deschida intr-o noua pagina.
Exemplu:
Viziteaza Autosite!
Sursa:
Viziteaza <a href="http://www.autosite.ro/" target="_blank">Autosite</a>!
De retinut: link-urile sunt folosite pentru a naviga de la o pagina la alta, dar pot fi folosite si pentru trimiterea mail-urilor.
Exemplu:
Trimite un email la WebMaster!
Sursa:
Trimite un email la <a href="mailto:emgos_@hotmail.com">WebMaster</a>!
Poti adauga paginii tale de web imagini, atata timp cat acestea sunt in format .gif, .jpg, .jpeg. Nu se poate folosi formatul .bmp! Tagul pentru a adauga o imagine este <img src="locatie">. Este recomandat adaugarea atributelor height si width, acestea permitand imaginii sa aiba diferite dimensiuni. Este de asemenea recomandat folosirea atributului alt="descrierea imaginii", acesta in momentul suprapunerii cursorului mouse-ului cu imaginea indica descrierea imaginii. Tagul pentru adaugare imagine nu are si un tag de inchidere!
Exemplu:
Sursa:
<img src="masina.jpg" width=200 height=150 alt="ferrari">
Daca imaginea este in acelasi director cu documentul HTML, atunci folosesti numele imaginii (ex:masina.jpg). Daca imaginea se gaseste intr-un alt director, atunci folosesti director/masina.jpg
Exemplu:
Sursa:
<img src="masina.jpg" width=200 height=150 alt="ferrari">
Daca imaginea este in acelasi director cu documentul HTML, atunci folosesti numele imaginii (ex:masina.jpg). Daca imaginea se gaseste intr-un alt director, atunci folosesti director/masina.jpg
Poate iti doresti sa ai o imagine link, asta insemnand ca in momentul unui click pe imagine esti trimis la o alta pagina. Acesta este un lucru simplu de facut, intre tagurile de adaugare link se pune tagul de adaugare imagine(<a href="url-ul link-ului"><img src="locatia imaginii"></a>. Se poate folosi si atributul de aliniere in pagina align!
Exemplu:
Sursa:
<a href="http://www.autosite.ro" target="_blank"><img src="masina.jpg" width=200 height=150 ></a>
Exemplu:
Sursa:
<a href="http://www.autosite.ro" target="_blank"><img src="masina.jpg" width=200 height=150 ></a>