خانه / آموزش HTML / بخش چهاردهم-لینک ها در html
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱۱ آبان ۱۳۹۷ تعداد بازدید : 31 بازدید بدون دیدگاه

بخش چهاردهم-لینک ها در html

قدم قبلی >< قدم بعدی

لینک ها در html

 

لینک ها در html

در این آموزش html  استایل های css در html می پردازیم.

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

لینک های HTML و Hyperlinks

لینک ها  hyperlinks هستند.

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

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

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

لینک HTML – نحو Syntax

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

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

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

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

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

لینک های محلی

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

یک پیوند محلی (لینک به یک وب سایت مشابه) با یک URL مرتبط (بدون https: // www ….) مشخص شده است

لینک های رنگ HTML
به طور پیشفرض یک پیوند به این شکل (در همه مرورگرها) ظاهر می شود:

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

شما می توانید رنگ های پیش فرض را با استفاده از CSS تغییر دهید:

لینک های HTML -خصوصیت target

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

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

  • _blank – سند پیوند را در یک پنجره یا برگه جدید باز می کند
  • _self – سند پیوند شده در همان پنجره / برگه همانطور که بر روی آن کلیک شد (این پیش فرض است) را باز می کند
  • _parent – سند مرتبط را در کادر اصلی باز می کند
  • _top – سند مرتبط را در قسمت کامل پنجره باز می کند
  • -framename – سند پیوند را در یک فریم نامی باز می کند

این مثال سند مرتبط را در یک پنجره مرورگر جدید / برگه باز می کند:

نکته: اگر صفحه وب شما در یک قاب قفل شده باشد، می توانید از target = “_ top” برای شکستن فریم استفاده کنید:

لینک های HTML – تصویر به عنوان لینک

استفاده از تصاویر به عنوان لینک ها رایج است:

نکته: border: 0؛ برای جلوگیری از IE9 (و قبل از آن) از نمایش مرز در اطراف تصویر اضافه شده است (زمانی که تصویر یک لینک است).

لینک عنوانها

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

لینک های HTML – ایجاد یک  Bookmark

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

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

برای ایجاد یک نشانه، ابتدا باید ابتدا چوب را ایجاد کنید و سپس یک پیوند به آن اضافه کنید.

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

مثال
اول، ایجاد یک نشانه با ویژگی id:

سپس، یک پیوند را به نشانه اضافه کنید (“پرش به فصل ۴”)، از داخل همان صفحه:

یا، یک پیوند به نشانه (“پرش به فصل ۴”)، از یک صفحه دیگر اضافه کنید:

مسیرهای خارجی

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

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

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

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

 

گام قبلی >< گام بعدی
بخش چهاردهم-لینک ها در html
5 (100%) 5 votes

لینک کوتاه این مطلب: https://tiktheme.com/?p=11720


کانال تلگرام تیک تم

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

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