تهران ، میدان ولیعصر جنب مترو کوی شاهد پلاک 8 واحد 3
88895790
بازگشت به لیست مقالات » | ﺳﻪشنبه 25 آبان 1395 در ساعت 11 : 29 دقیقه | نظرات کاربران ( 0 )

آموزش 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   شده و میتوانید بدون وارد کردن آدرس ایمیل گیرنده ایمیلی را ارسال کنید .

ارسال نظر

عنوان نظر :
نام شما :
ایمیل :