برای اینکه از یک عکس به عنوان یک لینک استفاده کنید
با ید از دو نکته که قبلاً آموختیم استفاده کنیم.
- چگونه یک لینک بسازیم.
- چگونه یک عکس را به صفحه اضافه کنیم.
<a href=”url”>متن لینک</a>
<img src=”image.gif”>
حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده
کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:
<a href=”url”><img src=”image.gif”></a>
برای اینکه از یک عکس به عنوان یک لینک استفاده کنید
با ید از دو نکته که قبلاً آموختیم استفاده کنیم.
- چگونه یک لینک بسازیم.
- چگونه یک عکس را به صفحه اضافه کنیم.
<a href=”url”>متن لینک</a>
<img src=”image.gif”>
حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده
کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:
<a href=”url”><img src=”image.gif”></a>
تنها نکته ای که در اینجا باید به آن دقت کنید این است
که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و
انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:
می خواهیم از عکسی با نام learn_html.gif که در پوشه
همین صفحه قرار دارد به عنوان لینک به مقدمه آموزش HTML که در همین پوشه است استفاده
کنیم(نام صفحه مورد نظر index.html است). به این صورت عمل می کنیم:
<a href=”index.html”><img src=”learn_html.gif”></a>
لینک به دست آمده مانند سطر زیر است:
اگر ماوس خود را بر روی عکس بالا قرار دهید خواهید دید
که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه سرفصل آموزش
HTML خواهید رفت.
اغلب مرورگرها به تصاویری که به عنوان لینک استفاده
می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده
نشود شناسه زیر را به تگ عکس خود اضافه کنید:
border=”0″
مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:
<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>
نتیجه را در زیر مشاهده می کنید:
منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک
است.
