بنام خدا

در خدمت شما هستیم با جلسه نهم آموزش زبان نشانه گذاری اچ تی ام ال

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

Hyperlink (یا Link ها) در HTML

یک hyperlink یا link یک کلمه یا گروهی از کلمات یا عکس می باشد که شما می توانید با کلیک کردن روی آن به سند جدید یا بخشی از همان سند بروید.

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

لینک ها در HTML با تگ <a> مشخص می شوند.

تگ <a> به دو روش می تواند استفاده شود:

  • برای ایجاد لینک به سندی دیگر، با استفاده از خصوصیت href
  • برای ایجاد یک پیوند به دورن همان صفحه (bookmark)، با استفاده از خصوصیت name

نحوه نوشتن لینک در HTML:

خصوصیت href مقصد یک لینک را مشخص می کند.

مثال:

که به این صورت نمایش داده می شود: Visit birlearn academy

با کلیک روی لینک بالا، کاربر به صفحه اصلی سایت birlearn ارجاع داده می شود.

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


خصوصیت target

خصوصیت target مشخص می کند که صفحه لینک شده، چگونه باز شود.

مثال زیر، صفحه لینک شده را در یک پنجره جدید یا در یک تب جدید باز می کند:

خصوصیت name یا (id)

با تنظیم یک نام منحصر به فرد برای یک عنصر با استفاده از خصوصیت name یا id، می توانید در CSS یا JavaScript به آن دسترسی داشته باشید.

البته از خصوصیت name یا id برای ایجاد یک bookmark یا پیوند به درون همان صفحه نیز می توان استفاده نمود.

نکته: استاندارد HTML5 خصوصیت id را بجای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد. خصوصیت id برای HTML4 در تمام مرورگرهای امروزی نیز عمل می کند.

مثال: تنظیم خصوصیت Name برای تگ <a> در سند HTML:

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

یا، ایجاد یک لینک به محل مشخصی در صفحه ای دیگر:

نکات اساسی و مفید

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

http://www.birlearn.ir/html/

در غیر اینصورت، دو درخواست به سرور ارسال کرده اید، سرور ابتدا یک slash به انتهای آدرس اضافه می کند و سپس آدرس را بارگذاری می کند.