طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

ایجاد پیوند به دیگر صفحات با 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>

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

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

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

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

اگر همه فایلهای شما مانند صفحه ای که لینک در آن قرار دارد در یک پوشه باشند شما می توانید به جای آدرس کامل صفحه مقصد از روش میانبری استفاده کنید و فقط نام فایل مورد نظر را به جای آدرس کامل آن بنویسید.

در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند. برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد. نام این صفحه index.php است. برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم:

<a href="index.php">متن نمونه برای لینک</a>

لینک حاصل شده:

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

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

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

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

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

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

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

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


نظرات بازدید کنندگان
Tue, 12 May 2009 10:39:27 +0430 نویسنده : گمنام
با سلام بابا دمتون گرم - همیشه از این کارها بکنید.

خسته نباشید.
 
Tue, 12 May 2009 10:39:03 +0430 نویسنده : گمنام
با سلام بابا دمتون گرم - همیشه از این کارها بکنید.
 
Mon, 27 Apr 2009 20:46:02 +0430 نویسنده : hamid yazdandoost
باسلام به دوستان دست اندرکار این سایت
می خواستم تشکر کنم از اینکه مطلبی رو که دنبالش میگشتم اینجا خیلی راحت پیدا کردم
باز هم متشکرم
 
Mon, 13 Apr 2009 22:45:29 +0430 نویسنده : Morteza
سلام ,  خسته نباشید ,  خدا خیرتون بده .
واقعا سایت عالی هست , ممنون ممنون ممنون .  
 
Wed, 21 Jan 2009 19:20:42 +0330 نویسنده : محسن افتخاری
تشکر از همه کسانی که برای اعتلای دانش زحمت می‌کشند
 
Sat, 20 Dec 2008 10:57:38 +0330 نویسنده : nabil
salam ba tashakor az site jaleb shoma
bande natonestam tag <a> ra be kar bebaram  fekr mikoned moshkel kart az kojast
yani link faal nashod
ba tashakor az komak shoma
 
Wed, 10 Dec 2008 18:18:53 +0330 نویسنده : f
salam man taze ba sayte shoma ashna shodam vaghean alie mamnoon
 
Wed, 10 Dec 2008 18:08:56 +0330 نویسنده : fatima
سلام من تازه با سایت شما اشنا شدم واقعا عالیه ممنون
 
Tue, 21 Oct 2008 22:45:25 +0330 نویسنده : علی
متشکر از سایت خیلی مفیدتون...واقعا خسته نباشید...فکر کنم دارم یه چیزی میشم!
 
Wed, 09 Jul 2008 23:58:59 +0430 نویسنده : mehdi
mamnon man az in matalebe shoma chizaye ziyadi yad gereftam
 
Tue, 29 Apr 2008 17:16:35 +0430 نویسنده : محمد عالم تر
اگه استقلالی هستی خیلی دمت گرم اگه هم نیستی بازم دمت گرم
 
ساعت: 14:11 - تاریخ: 4 بهمن 1386 نویسنده : mosi_azar
سلام میخواستم ببینم چطوری میشه یه دکمه برای این کار گذاشت یعنی منظورم اینه که یه textbox بذاریم اگه کاربر کلمه مورد نظر رو درست وارد کرد و دکمه زد بعد بره به صفحه ی لینک شده ی مورد نظر.
مرسی
راستی سایت خیلی کاملی دارین
 
ساعت: 13:15 - تاریخ: 20 دی 1386 نویسنده : newsha
با سلام و خسته نباشيد مطالب خيلي عالي و كاربردي است تو هيچ سايتي همچين مطالبي پيدا نكردم اما  يه مشكلي كه پيش اومده اينكه ايا بعد از ايجاد لينكها بصورت offline نيز مي توان لينكها رو باز كرد.
ضمنا پروژه دانشگاه من ايجاد سايت براي يكي از ادارات مي باشد مي شه بگيد از كجا شروع كنم آيا همين مطالب بدون تخصص خاصي كافي براي ايجاد سايت يا بايد تو زمينه هاي ديگه اي هم تخصص داشته باشم.لطفا كمكم كنيد.
 
ساعت: 05:00 - تاریخ: 1386 نویسنده : payam
man to omram ba ye saite interneti inghadr hal nakarde bodam eival be shoma ke in saito rah andazi kardid ishala roz be roz movafagh tar beshid mer30 rasti ye soal chejori mitonam ye neveshtaro bebaram dar markaze safe midonam < center> in karo mikone vali bala neghesh midare mikham biad payin vasate safe gharar begire bazam mer30 az shoma
 
ساعت: 13:35 - تاریخ: 15 مهر 1386 نویسنده : RAD
Eyval site bahalie
RAD