آموزش HTML - لینک
لینک ها یکی از مهمترین تگ های HTML می باشند که با وجود آنها کاربران میتوانند از صفحه ای به صفحه ی دیگر و یا از بخشی به بخش دیگر از سایت منتقل شوند .
طرز نوشتن صحیح یک لینک به این صورت می باشد : <a></a>
هایپرلینک یا لینک ها در HTML :
Hyperlink یا link یک یا چند کلمه و یا یک عکس و... می باشند که با کلیک بر روی آنها به مکان مورد نظری که در خصوصیات href قرار داده ایم ما را منتقل خواهد کرد .
نکته : زمانی که با نشانگر موس روی یک لینک میرویم نشانگر تغییر حالت میدهد .
تگ a به تنهایی نمیتواند آدرسی در خود قرار دهد . به این منظور این تگ مانند سایر تگ ها دارای ویژگیهای مخصوص به خود می باشد . ویژگی href در تگ a حمل کننده آدرس مقصد می باشد
نحوه ی نوشتن صحیح یک لینک بصورت زیر می باشد :
<a href="Address"></a>
آدرس موجود در ویژگی href به دو صورت می باشد : 1 – آدرس بصورت ID یا nameو یا بصورت لینک داخلی وارد می شود . مثال » <a href="myID">bakhsh morede nazar<a> یعنی با کلیک بر روی این لینک به محیطی که آن ID وجود دارد و یا صفحه ی داخلی وارد می شود .2 – وارد کردن آدرسی با لینک مشخص در این روش لینک دهی باید حتما با Http شروع شود . مثال » <a href="http://int-net.ir>طراحی سایت</a>
در مثال زیر بیشتر با این موضوع آشنا خواهید شد :
<!DOCTYPE html>
<html>
<body>
<a href="http://www.int-net.ir/">Web Design</a>
</body>
</html>
مثال بالا در مرورگر بصورت زیر نمایش داده خواهد شد :
Web Design
زمانی که بر روی کلمه web design موجود در متن لینک بالا کلیک میکنیم ما را به آدرسی که در داخل خصوصیت href وجود دارد منتقل میشویم .
خصوصیت target در لینک ها :
این خصوصیت در تگ a به ما این اجازه را می دهد که صفحه ی مورد نظر را چگونه باز کند .!
در مثال زیر با استفاده از خصوصیت تارگت target متن لینک شده در یک پنجره ی جدید ( تب جدید ) باز میکند .
<!DOCTYPE html>
<html>
<body>
<a href=http://www.int-net.ir/ target="_blank">Web Design</a>
<p>If you set the target attribute to "_blank", the link will open in a new browser window or a new tab.</p>
</body>
</html>
با اجرای سند بالا مرورگر بصورت زیر به نمایش در خواهد آمد : بعد از کلیک روی لینک زیر
لینک مورد نظر را در تب جدیدی از مرورگر برایتان باز خواهد کرد . این گزینه برای زمانی می باشد که دوست دارید صفحه ای که مطلب اصلی در آن قرار دارد باز بماند .
Web Design
If you set the target attribute to "_blank", the link will open in a new browser window or a new tab.
خصوصیت ID یا name : با ایجاد یک نام منحصر به فرد برای عناصر HTML به راحتی می توان به آن عنصر دسترسی داشت . در استانداردهای جدید بهتر است از ID استفاده کنید .
در HTML 4 نیز میتوان از خصوصیت ID استفاده کرد . اما در نسخه های HTML قدیمی تر از خصوصیت name استفاده می شود .
مثال :
<!DOCTYPE html>
<html>
<body>
<p name="int">int web design.</p>
<p> int web design2.</p>
<p> int web design3.</p>
<p> int web design4.</p>
<p> int web design5.</p>
<p> int web design6.</p>
<p> int web design7.</p>
<p> int web design8.</p>
<p> int web design9.</p>
<p> int web design10.</p>
<p> int web design11.</p>
<p> int web design12.</p>
<a id="int">go to int Name </a>
</body>
</html>
در مثال بالا بعد از کلیک روی متن به قسمتی از صفحه میرویم که ID آن int می باشد .
نکته ی مهم در لینک دهی : حتما در زمان لینک دادن اگر میخواهید مرورگر ما را به داخل آن بخش ببرد یک اسلش "/" در انتهای آدرس قرارداهید .
مثال : <a href="http://int-net.ir/></a>
در صورتی که علامت / را در پایان آدرس قرار ندهید 2 دستور به سمت سرور خواهد رفت .
ابتدا آدرس به سمت سرور رفته و اسلش میگیرد سپس آدرس را بارگزاری خواهد کرد .
یکی دیگر از مزایای لینک ها این است که میتوانیم از طریق لینک دادن به کلمه ای وارد ایمیل آن سایت مورد نظر شوید . البته در نظر داشته باشید که با این روش حتما باید نرم افزار outlook را در کامپیوتر خود نصب داشته باشید .
روش نوشتن این لینک بصورت زیر می باشد :
<!DOCTYPE html>
<html>
<body>
<p>
This is another mailto link:
<<a href="mailto:info@int-net.ir ">Send mail to int!</a>
</p>
</body>
</html>
در مثال بالا با کلیک بر روی لینک وارد برنامه out look شده و میتوانید بدون وارد کردن آدرس ایمیل گیرنده ایمیلی را ارسال کنید .