در این قسمت از آموزش HTML قصد داریم این نکته را به شما بیاموزیم که چگونه یک لینک و یا ارتباط به وسیلهء عکس ایجاد کنید.
برای این که بخواهیم یک صفحهء لینکی ایجاد کنیم به صورت زیر عمل می کنیم:

<“a href=”url>متن لینک</a>

اگر بخواهیم یک عکس را به صفحه اضافه کنیم هم باید از این تگ استفاده کنیم:

<img src=”image.gif”>

حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:

<a href=”url”><img src=”image.gif”></a>

تنها نکته ای که در اینجا باید به آن دقت کنید این است که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:
اگر ماوس خود را بر روی عکس دهید خواهید دید که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه مورد نظر خواهید رفت.
اغلب مرورگرها به تصاویری که به عنوان لینک استفاده می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده نشود شناسه زیر را به تگ عکس خود اضافه کنید:

” “=border

مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:

<a href=”index.html”><img src=”learn_html.gif” border=”0″></a>

شما می توانید خط حاشیه را کلفت تر نیز نشان دهید. فقط کافی است عدد بزرگتری را در فرمان border قرار دهید. مانند زیر:

<a href=”index.html”><img src=”learn_html.gif” border=”5″></a>

منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک است.