لینک های html

لینک های html  در چه جاهایی استفاده می شوند؟

آموزش html  درس چهاردهم

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

لینک های html
لینک های html

لینک های HTML – هایپر لینک ها

لینک های  HTML عبارتند از hyperlinks.

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

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

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


لینک HTML – متن

در HTML، لینک ها با تگ  <a> تعریف می شوند:

<a href=”url“>link text</a>
مثال:
<a href=”https://www.behtarinideh.com/html/”>akademy</a>

ویژگی href  لینک آدرس مقصد (https://www.behtarinideh.com/html/)  را مشخص می کند.

متن پیوند قسمت قابل مشاهده است (akademy).

حتما بخوانید:  ویدئوهای یوتیوپ html

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

توجه داشته باشید: بدون یک فوروارد اسلش  بر روی آدرس زیر پوشه،  ممکن است دو درخواست به سرور ایجاد کنید. بسیاری از سرورها به طور خودکار یک فوروارد اسلش به آدرس اضافه می کنند و سپس یک درخواست جدید ایجاد می کنند.


لینک های محلی

مثال بالا از یک آدرس مطلق (یک آدرس کامل وب) استفاده می کند. لینک های  محلی (لینک به همان وب سایت) با یک URL مربوطه (بدون http: // www ….) مشخص شده است.
مثال :
<a href=”html_images.asp”>HTML Images</a>

رنگ لینک های  HTML


به طور پیش فرض یک لینک به این شکل (در همه مرورگرها) ظاهر می شود:
یک لینک  بازدید نشده  به صورت زیر خط دار  و آبی رنگ است
یک لینک بازدید شده زیر خط دار و بنفش است
یک لینک فعال زیر خط دار و قرمز است شما می توانید رنگ های پیش فرض را با استفاده از style  ها  تغییر دهید:
مثال :
<style>
}a:link
;color: green
;background-color: transparent
;text-decoration: none
{}a:visited
;color: pink
;background-color: transparent
;text-decoration: none
{}a:hover
;color: red
;background-color: transparent
;text-decoration: underline
{} a:active
;color: yellow
;background-color: transparent
;text-decoration: underline
{
<style/>
امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

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

یک × پنج =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی