لینک ها (Links)
«لینک ها (Links)» همان «ابرپیوندها (Hyperlinks)» هستند. با کلیک، از یک صفحه به صفحه دیگر می رویم. مثل راهروی مدرسه که کلاس ها را وصل می کند.
سینتکس لینک
تگ <a> یک لینک می سازد. ویژگی href مقصد را مشخص می کند.
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
هدف لینک (target)
با target تعیین می کنیم لینک کجا باز شود. _self، _blank و…
<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
URL مطلق و نسبی
مطلق یعنی آدرس کامل. نسبی یعنی نسبت به همین سایت یا پوشه.
<!-- مطلق -->
<a href="https://www.w3.org/">W3C</a>
<a href="https://www.google.com/">Google</a>
<!-- نسبی -->
<a href="html_images.asp">HTML Images</a>
<a href="/css/default.asp">CSS Tutorial</a>
تصویر به عنوان لینک
هر عنصر می تواند لینک باشد. تصویر را داخل <a> بگذار.
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width: 42px; height: 42px;">
</a>
لینک ایمیل
طرح mailto: برنامه ایمیل کاربر را برای ارسال باز می کند.
<a href="mailto:someone@example.com">Send email</a>
دکمه به عنوان لینک
با رویداد onclick در JavaScript می توان دکمه را لینک کرد.
<button onclick="document.location='default.asp'">HTML Tutorial</button>
عنوان لینک (title)
title توضیح اضافی است. معمولا به صورت Tooltip نمایش می شود.
<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML section">Visit our HTML Tutorial</a>
گام های عملی
- یک تگ <a> بساز.
- ویژگی href را تنظیم کن.
- درصورت نیاز target و title را اضافه کن.
نکته: برای مسیرها به صفحه مسیر فایل ها برو. همچنین آموزش استفاده از CSS را ببین. برای مطالعه همین صفحه هم روی لینک ها کلیک کن.
جمع بندی سریع
- تگ اصلی لینک، <a> است.
- href مقصد را مشخص می کند.
- target محل بازشدن را تعیین می کند.
- هر عنصر می تواند لینک باشد.
- mailto: لینک ایمیل می سازد.