Tutorial HTML - Link-uri imagine



Cu ajutorul imaginilor poti da putina viata unei pagini web. Transformarea unei imagini intr-un link nu este nicidecum dificila. Trebuie doar sa introduci sursa imagini in interiorul tag-ului de link.

<a href="http://www.tutorialehtml.com"><img src="../img/image.jpg"></a>

Vizualizare

In general prin default majoritatea browser-elor adauga o margine fotografiei folosite drept link, pentru a fi mai usor diferentiata de o fotografie normala.

Pentru a nu avea probleme de vizualizari diferite in functie de browser putem seta marginea la o valoare definita.

<a href="http://www.tutorialehtml.com"><img src="../img/image.jpg" border="0"></a>

Vizualizare


HTML - Tumbnails

Tumbnails-urile sunt versinui in miniatura (mult mai putini kilobytes) a unor imagini care in realitate sunt mult mai mari si cu o calitate sporita. Pentru a realiza un tumbnail, salveza imaginea intr-o calitate mult mai scazuta cu dimensiuni reduse. Fa apoi aceasa imagine un link ce va conduce la imaginea initiala de de dimensiuni sporite.

<a href="../img/fereastra.jpg"> <img src="../img/tumb_fereastra.jpg"> </a>

Vizualizare


Tutorialul HTML anterior
Tutorialul HTML urmator



Comentarii


   Rares

Cum pot transforma o propozitie intr-un link?
01-Jul-2009 - 21:04


   catalin

Foarte simplu. Foloseste exemplul urmator:

<a href="http://www.exemple.com/">Aici este propozitia pe care vrei sa o transformi in link</a>
02-Jul-2009 - 02:42


   raduq

cum pot insera imagini noi intr-un site vechi (un site pe care eu doar il modific schimbandui tema..) ?
08-Sep-2009 - 14:45


   mrnick

Vreau sa copiez continutul unei pagini html si sa-l inserez intr-un document. Problema ca simpla copy paste nu functioneaza. Care este cea mai simpla modalitate de a face aasa ceva?
23-Nov-2009 - 00:27


   Miha

Cum pot face sa nu mai fie subliniat link-ul ? Mersi!
08-May-2010 - 01:57


   matei

<STYLE>
<!--
a {text-decoration:none}
//-->
</STYLE>
27-Sep-2010 - 20:07


   daniela nicoleta

imi poate spune si mie cum introduc o imagine reactiva intr-un html,pentru ca eu am tot incercat in felul urmator dar nu se vede poza(doar un x in partea stanga sus imi apare):
<map name="facultate">
<area shape="rect" coords="350,10 400,50" href="mailto:decanat@cig.ase.ro">
</map>
<img src="Ase.jpg" height=300 width=500 border=5>

mentionez ca poza e in fisierul "facultate". Eu cred ca am gresit pe undeva dar nu imi dau seama unde.
Va rog sa ma ajutati si pe mine :D
26-Nov-2010 - 22:39


   Catalinn

Bv am invatat multe din aceste tutoriale , iti multumesc admin ca le-ai pus sper ca in continuare

sa m-ai faci :D tutoriale:D
09-Feb-2011 - 01:35


   emma

sunt incepatoare si nu reusesc sa introduc adresa unei imagini, nici macar ca background. care-i adresa??
11-Apr-2011 - 21:13


   DJ ANDY

sall unde gasesc linkul care trebuie sal pun la script ca, sa-mi apara imaginea ca nu stiu ? plzzz(sunt incepator)
07-May-2011 - 18:11


   Adrian

Cum pot face ca dintr-o zona a unei imagini sa am link catre ceva si dintr-o alta zona catre altceva? Multumesc
14-May-2011 - 11:24

1    


Trimite un comentariu!

Nume *
E-mail *
Vreau sa fiu anuntat de urmatoarele mesaje la acest articol
Comentariu *

Security image