ايجاد پيوند به ديگر صفحات با HTML

در اين بخش ايجاد لينک به بقيه صفحات را مورد بررسي قرار مي دهيم.

 

براي ايجاد لينک از تگ زير استفاده مي کنيم:

<a href="url">متن لينک</a>

تگ <a> نشانه لينک است. شناسه href مشخص کننده آدرس لينک مي باشد، <a/> نشانه بسته شدن تگ است. متني که بين اين دو تگ ابتدايي و پاياني نوشته مي شود متني است که در صفحه شما به عنوان يک لينک ديده مي شود. مثلاً اگر مي خواهيد به يک صفحه وب مثلاً صفحه اصلي سايت ما با اين آدرس:   http://www.neopersia.org/html/index.html لينکي را در صفحه خود داشته باشيد بايد فرمان زير را در قسمت body صفحه خود در جايي که مي خواهيد لينک به نمايش درآيد قرار دهيد:

 

<a href="http://www.neopersia.org/html/index.html">متن نمونه براي لينک</a>

لينک در صفحه شما به اين صورت ديده مي شود:

 

متن نمونه براي لينک

 

لينکي را که با فرمان بالا ساخته ايد به صورت رنگي (بسته به تنظيمات مرورگر رنگ آن تعيين مي شود) و زيرخط دار به وجود مي آيد. که اين خصوصيات نشانه آن است که يک متن لينک است و وقتي که نشانگر ماوس را بر روي آن قرار دهيد به شکل دست در مي آيد. البته هر متني که رنگي بود و داراي زير خط بود لزوماً نبايد يک لينک باشد. شکل نشانگر ماوس در اينجا به کمک ما مي آيد.

 

اگر شما لينکي را که با اين روش به وجود آمده کليک کنيد به صفحه مورد نظر مي رويد. با اين روش شما مي توانيد به هر صفحه اي لينک بسازيد چون آدرس کامل آنرا در لينک قرار داده ايد. براي مثال شما مي توانيد براي صفحات سايت خود در صفحه اصلي با اين روش لينکهايي بسازيد.

 

متن نمونه براي لينک

هر دو روش بالا يک نتيجه را دارند اما در روش دوم زحمت نوشتن کمتر است.

 

اگر شما شک داريد يا مطمئن نيستيد که هر دو صفحه در يک پوشه قرار دارند حتماً از آدرس کامل استفاده کنيد. چون در اين روش مهم نيست که صفحات مربوط به چه سايتي باشند.

 

شناسه ديگري که مي توانيد در تگ لينک به کار ببريد title است. با استفاده از اين شناسه مي توانيد عنواني را براي لينک انتخاب کنيد و اين عنوان در هنگامي که بازديد کننده کاوس خود را روي لينک قرار مي دهد به نمايش در نمي آيد. به مثال زير توجه کنيد:

 

<a href="../css/index.html" title="آموزش استفاده از استايل در صفحات وب">آموزش CSS به زبان فارسي</a>

ماوس خود را روي لينک زير قرار دهيد تا نتيجه را مشاهده کنيد:

 

آموزش CSS به زبان فارسي

از شناسه هاي ديگري نيز در تگ لينک مي توان استفاده کرد که نحوه نمايش لينک در صفحه را تعيين مي کنند. براي اطلاعات بيشتر صفحه باز کردن لينک در پنجره جديد را مطالعه کنيد.