٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش پیوندهای HTML

پیوندها تقریباً در همه صفحات وب یافت می شوند. پیوندها به کاربران این امکان را می دهند تا از صفحه به صفحه دیگر مسیر خود را کلیک کنند. پیوندهای HTML – پیوندهای پیوندی پیوندهای HTML پیوندهای پیوندی هستند. می توانید روی…
12 ژوئن 2021

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

پیوندهای HTML – پیوندهای پیوندی

پیوندهای HTML پیوندهای پیوندی هستند.

می توانید روی پیوند کلیک کنید و به سند دیگری بروید.

وقتی ماوس را روی یک پیوند حرکت می دهید ، پیکان ماوس به یک دست کوچک تبدیل می شود.

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

پیوندهای HTML – نحو

<a>برچسب HTML پیوند پیوندی را تعریف می کند. نحو زیر را دارد:

<a href="url">link text</a>

مهمترین ویژگی <a> عنصر hrefصفت است که مقصد پیوند را نشان می دهد.

متن لینک بخشی که به خواننده قابل مشاهده می باشد.

با کلیک بر روی متن پیوند ، خواننده به آدرس URL مشخص شده ارسال می شود.

<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>

به طور پیش فرض ، پیوندها به صورت زیر در همه مرورگرها ظاهر می شوند:

  • یک پیوند بازدید نشده زیرخط دار و آبی است
  • یک پیوند بازدید شده زیرخط دار و بنفش است
  • یک پیوند فعال زیرخط دار و قرمز است

نکته: البته پیوندها را می توان با CSS سبک کرد تا جلوه ای دیگر پیدا کند!

پیوندهای HTML – ویژگی هدف

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

targetمشخص ویژگی که در آن برای باز کردن سند مرتبط است.

این targetویژگی می تواند یکی از مقادیر زیر را داشته باشد:

  • _self– پیش فرض سند را در همان پنجره / برگه ای که روی آن کلیک شده باز می کند
  • _blank – سند را در یک پنجره یا برگه جدید باز می کند
  • _parent – سند را در قاب اصلی باز می کند
  • _top – سند را در بدنه کامل پنجره باز می کند
<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

URL های مطلق در مقابل URL های نسبی

هر دو مثال بالا از یک URL مطلق (یک آدرس وب کامل) در hrefویژگی استفاده می کنند.

یک پیوند محلی (پیوندی به صفحه ای در همان وب سایت) با یک URL نسبی مشخص شده است (بدون قسمت “https: // www”):

<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS Tutorial</a></p>

پیوندهای HTML – از یک تصویر به عنوان پیوند استفاده کنید

برای استفاده از یک تصویر به عنوان پیوند ، فقط <img> برچسب را در داخل <a>برچسب قرار دهید:

<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>

پیوند به آدرس ایمیل

از mailto:این hrefویژگی برای ایجاد پیوندی که برنامه ایمیل کاربر را باز می کند استفاده کنید (برای ارسال ایمیل جدید به آنها):

<a href="mailto:someone@example.com">Send email</a>

دکمه به عنوان پیوند

برای استفاده از یک دکمه HTML به عنوان پیوند ، باید مقداری کد JavaScript اضافه کنید.

جاوا اسکریپت به شما امکان می دهد آنچه در برخی از رویدادها اتفاق می افتد را مشخص کنید ، مانند کلیک یک دکمه:

<button onclick="document.location='default.asp'">HTML Tutorial</button>

عناوین پیوند

titleویژگی اطلاعات اضافی در مورد یک عنصر مشخص می کند. وقتی ماوس بر روی عنصر حرکت می کند ، اطلاعات اغلب به عنوان متن راهنما نشان داده می شوند.

<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>

اطلاعات بیشتر در مورد URL های مطلق و URL های نسبی

مثال

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

<a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a>

مثال

پیوند به صفحه ای که در پوشه html در وب سایت فعلی قرار دارد:

<a href="/html/default.asp">HTML tutorial</a>

مثال

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

<a href="default.asp">HTML tutorial</a>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها