خانه / طراحی سایت / آموزش ایجاد پیوند به دیگر صفحات با HTML

آموزش ایجاد پیوند به دیگر صفحات با HTML

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

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

<a href=”url”>متن لینک</a>

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

<a href=”http://www.gameoflife.ir”>متن نمونه برای لینک</a>

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

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

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

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

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

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

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

 

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

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

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

<a href=”http://gameoflife.ir/” title=”بازی برای زندگی”>اموزش بازی بازاریابی انلاین</a>

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

اموزش بازی بازاریابی انلاین

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

برای اینکه یک لینک را وادار کنیم که در یک صفحه جدید باز شود، باید این شناسه را به تگ لینک اضافه کنیم: “target=”_blank
تگ لینک به این صورت به نظر می رسد:

<a href=”http://gameoflife.ir/” target=”_blank”>اموزش بازی بازاریابی انلاین </a>

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

اموزش بازی بازاریابی انلاین

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

<a href=”http://gameoflife.ir/” target=”_blank”>
<img src=”http://gameoflife.ir/wp-content/uploads/2017/07/codehtml.jpg” />
</a>

در اینجا یک تصویر داریم که با کلیک کردن بر روی آن تصویر در پنجره جدید باز می شود.
می توانید آنرا امتحان کنید:



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

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

 

به نقل از: نئوپرشیا

اشتراک گذاری در:

همچنین ببینید

بی بی پرس

ایجاد انجمن در وردپرس با پلاگین بی بی پرس

بهترین روش برای راه اندازی یک انجمن در وردپرس، استفاده از پلاگین بی بی پرس …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فروشگاه در دست تغییرات است. از صبر شما سپاسگزارم رد کردن