واحد دانش و تکنولوژی تبیان زنجان

گذاشتن لینک:

برای قرار داد لینک در وبلاگ (یا هر جای دیگری) باید از تگ a استفاده کرده که به صورت زیر خواهد بود. <a href="URL">Name</a>

 به جای URL باید آدرس صفحه ای که میخواهید به آن لینک دهید استفاده کنید و به جای Name نامی است که شما آنرا نوشته تا بازدیدکننده با کلیک بروی این نوشته به صفحه مورد نظر منتقل شود. برای مثال: <a href="http://tools.bolghan.com">مثال</a>

 حال اگر بخواهید این لینک در صفحه ای جدید باز شود می توانید از کد زیر استفاده کنید: <a target="_blank" href="URL">Name</a>

 و اگر بخواهید تمامی لینکهای موجود در صفحه, در صفحه ای جدید باز شود می تونید تگ زیر را در بخش Head قالب خود قرار دهید: <base target="_blank">

 و یا اگر بخواهید این امکان رو به خواننده بدهید که آیا لینکها در صفحه ای جدید باز شوند یا خیر؟ می توانید این کد جاوا اسکریپت زیرا در را قالب خود قرار دهید: این کدهای زیرا بین دو تگ هد قرار دهید

<SCRIPT LANGUAGE="JavaScript">

<!--

function hyperlinks(target)

{

if (target) where = "_blank";

else where = "_self";

for (var i=0; i<=(document.links.length-1); i++)

{

document.links[i].target = where;

}

}

// -->

</SCRIPT>

این کد زیرا هم در جایی که دوست دارید در قالب به نمایش گذاشته شود قرار دهید

<FORM><INPUT TYPE="checkbox" NAME="targetnew" ONCLICK="hyperlinks(this.checked)"> لینکها در پنجره جدید باز شود</FORM>

 و برای لینک ایمیل (پست الکترونیک) می توانید از تگ زیر استفاده کنید: <A href="mailto:E-mail Address">Name</a>

برای تعریف رنگها, نوع خط, اندازه خط و حالت خط(Bold, Italic, Underline) لینکهای خود در حالتهای مختلف می توانید از کدهای زیر استفاده کنید که این کدها را باید در بین Head قرار دهید.: <style>

<!--

a:active { font-family: نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }

a:link { font-family: نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }

a:visited { font-family: نوع فونت; font-size: اندازه فونت; color: رنگ فونت; font-style: حالت فونت }

-->

</style> 

برای برداشتن زیر خط لینکهای در صفحه می توانید از کد زیرا در بین Head قرار دهید.: <style>

a:hover{

text-decoration:none;

}

a:link{

text-decoration:none;

}

a:visited{

text-decoration:none;

}

</style>