تعداد دانشجويان : 10705 نفر جلسه 1 جلسه 2 جلسه 3 جلسه 4 جلسه 5 جلسه 6 جلسه 7 جلسه 8 جلسه 9 جلسه 10 جلسه 11 جلسه 12 جلسه 13

Beginning HTML Webmaster Resources

لينک ها در HTML

برچسب <a> و مشخصه href

HTML از برچسب <a> که a حرف اول کلمه anchor به معنی لنگر می باشد، برای ساختن پيوند با ديگر فايلها استفاده می کند (به جای استفاده از کلمه پيوند از کلمه آشنای لينک استفاده خواهيم کرد). يک لينک می تواند به هر منبعی در وب اشاره داشته باشد : يک صفحه HTML ديگر، يک تصوير، يک موزيک، يک فيلم يا هر چيز ديگری. قاعده ساخت يک لينک به صورت زير می باشد.

<a href="url">Text to be displayed</a> 

مشخصه href برای مشخص کردن آدرس فايلی که می خواهيم به آن لينک ايجاد کنيم، به کار می رود؛ و کلمات بين برچسب ابتدايی و انتهايی به شکل فراپيوند (hyperlink) نشان داده خواهد شد. به عنوان مثال خط زير يک لينک به سايت Yahoo ايجاد می کند.

<a href="http://www.yahoo.com/">Visit YAHOO!</a> 

دستور فوق در يک مرورگر به شکل روبرو ديده می شود : Visit YAHOO!

مشخصه target

توسط مشخصه target شما می توانيد مشخص کنيد که فايل پيوند داده شده به آن کجا باز شود. به عنوان مثال دستور زير سايت Yahoo را در پنجره جديدی نشان می دهد.

<a href="http://www.yahoo.com/" 
target="_blank">Visit YAHOO!</a> 

مشخصه Target	کاربرد
target="_blank"	يک فايل يا آدرس جديد را در يک پنجره جديد باز خواهد کرد.
target="_self"	يک فايل يا آدرس جديد را در پنجره فعلی باز خواهد کرد.
target="_parent"	يک فايل يا آدرس جديد را در قاب اصلی(parent frame) باز خواهد کرد. (راجع به قابها در مباحث بعدی صحبت خواهيم کرد.)
target="_top"	يک فايل يا آدرس جديد را در کل پنجره فعلی باز خواهد کرد ( راه جالبی برای خارج شدن از قاب ها)

مشخصه name

مشخصه name برای ساختن يک لينک دارای نام استفاده می شود. توسط لينک دارای نام شما می توانيد لينکی بسازيد که به قسمت خاصی از صفحه مستقيما جهش داشته باشد به جای اين که کار بر را مجبور به پيمودن صفحه کنيد تا به قسمت مورد نظر برسد. قاعده ساخت يک لينک دارای نام به صورت زير است :

<a name="label">Text to be displayed</a> 

هنگامی که می خواهيد به يک لينک دارای نام متصل شويد بايد به انتهای نام فايل علامت # را اضافه کرده سپس نام لينک مورد نظر را بنويسيد. مثلا اگر دستورات زير را در فايلی به نام test1.htm ذخيره کنيد

<p>This is a text. This is a text. This is a text.</p>
<p>This is a text. This is a text. This is a text.</p>
<a name="tips">Read the Useful Tips section</a>
<p>This is a text. This is a text. This is a text.</p>
<p>This is a text. This is a text. This is a text.</p>

و دستورات زير را در فايلی به نام test2.htm ذخيره کنيد

<a href="test1.htm#tips">
Read the Useful Tips section</a> 

و فايل test2.htm را باز کنيد و روی لينک موجود کليک کنيد، فايل test1.htm باز خواهد شد و به بخش tips خواهد رفت. همچنين شما می توانيد از طريق پيوند دارای نام به بخشی از صفحه فعلی که توسط مرورگر در حال نمايش است برويد. مثلا اگر دستورات زير را در فايل test.htm نوشته و آن را ذخيره و توسط مرورگر باز کنيد، سپس روی Useful Tips کليک کنيد صفحه به سوی بخش tips جهش می کند.

<a href="#tips">Useful Tips</a> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <a name="tips">Read the Useful Tips section</a> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p> <p>This is a text.<br>This is a text.<br>This is a text.</p>

لينک به يک آدرس E-Mail

گاهی اوقات می خواهيم در صفحه وب خود آدرس E-Mail خود را در اختيار بينندگان سايت قرار دهيم، که به راحتی می توانيم اين کار را با نوشتن آدرس خود مثلا داخل يک پاراگراف عملی سازيم. مانند :

<p>My E-Mail adress is : you@yourname.com</p> 

اما اگر بخواهيم يک لينک به آدرس E-Mail خود ايجاد کنيم که به طور خودکار يکی از برنامه های مخصوص E-Mail را در رايانه کاربر باز کرده و بعضی از موارد مورد نياز مانند آدرس و موضوع و... را به طور خودکار در قسمتهای مخصوص خود بنويسد و بدين ترتيب کار کاربر را کم کند، بايد از شيوه ای همانند دستور زير استفاده کنيم :

<a 
href="mailto: you@yourname.com?Subject=Hello%20again">
Send Mail</a> 

مثال زير مطلب را روشن تر خواهد کرد :

<html> <body> <p>This is a mailto link: <a href="mailto: elearning@tehranedu.org?cc=someoneelse@tehranedu.org& bcc=andsomeoneelse2@tehranedu.org& subject=Conference& body=You%20are%20invited%20to%20a%20big%20Conference!"> Send mail!</a> </p> <body> <html>

دستورات فوق را در فايل test.htm ذخيره کرده و آن را باز کنيد يا بر روی دکمه مشاهدا خروجی کليک کنيد. اگر بر روی Send mail! کليک کنيد  برنامه Outlook Express باز خواهد شد و همانطور که می بينيد تعدادی از موارد به طور پيش فرض توسط شما مشخص شده است.

چند نکته مفيد :

* هرگاه که می خواهيد لينکی به يک شاخه ايجاد کنيد در انتهای نام شاخه يک / اضافه کنيد چون اگر بخواهيد مثلا لينکی به شاخه html در سايت yourname.com ايجاد کنيد و از ساختار href="http://www.yourname.com/html" استفاده کنيد يک تقاضای اضافه به سرور وب خود تحميل خواهيد کرد چون سرور ابتدا به انتهای آدرس فوق يک / اضافه می کند سپس به آدرس جديد که آدرس زير است پاسخ می دهد و صفحه لازم را برای کاربر می فرستد : href="http://www.yourname.com/html/"
*لينک های دارای نام غالب برای ساخت فهرست مندرجات فايل های طولانی در ابتدای صفحه استفاده می شوند. به اين صورت که هر فصل يک لينک دارای نام دارد و لينکی به هر يک از آنها در ابتدای صفحه داده می شود.
*توجه داشته باشيد هنگامی که در مشخصه href می خواهيد از فاصله استفاده کنيد بايد فاصله را با %20 جايگزين کنيد تا مطمئن باشيد که فاصله ها به درستی توسط مرورگر تشخيص داده خواهند شد.

مبحث بعدی

مبحث قبلی

صفحه اصلی دوره آموزشی HTML مقدمه ای بر وب و HTML برچسبهای اساسی HTML قالببندی متن در HTML حروف خاص در HTML رنگ ها در HTML فونتها در HTML لينک ها در HTML تصاوير در HTML جدول ها در HTML فهرستها در HTML فرمها در HTML قابها (Frame) در HTML سربرگ HTML