تگ a در HTML

تگ a در HTML

از تگ a در HTML برای لینک دادن به بخش های استفاده میشود. میتوان با استفاده از تگ a در HTML و صفاتش لینک مورد نظر را در یک پنچره جدید باز کند، رنگ لینک ها در شرایط مختلف مشخص شود. با ویژگی های تگ a در HTML آشنا شوید.

نحوه  نوشتن تگ a در HTML

این تگ همانند دیگر تگ های زبان HTML دارای یک تگ ابتدایی و یک تگ انتهایی است. متن، عکس یا هر بخش که میخواهید لینک شود، بین دو تگ ابتدایی و انتهایی قرار میگیرد.

تگ ابتدایی:

تگ انتهایی:

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

  • اگر هیچ وقت بر روی بخش لینک شده کلیک نکرده باشید، با یک خط در زیرش و به رنگ آبی نمایش داده میشود
  • اگر بر روی لینک با موس قرار بگیرید، قرمز خواهد شد
  • اگر قبلا بر روی لینک کلیک کرده باشید، با رنگ بنفش نمایش داده میشوند.

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

یک مثال مشاهده کنید:

خروجی این مثال به صورت زیر است:

سایت مبتدی این متن به سایت مبتدی لینک شده است.

صفات تگ a در HTML

برای تگ a در HTML میتوان چند صفت تعریف یکی از صفت ها همان صفت href است که در مثال بالا از آن استفاده شد.

 صفت href در تگ a

صفت href آدرس لینکی که میخواهید متن، عکس به آن ارجاع شود را درخود جای میدهد. این صفت در همان تگ ابتدایی تعریف میشود. نحوه نوشتن صفت href:

 صفت traget در تگ a

صفت target به صورت خاص بیان میکند که لینک مورد نظر کجا باز شود. به صورت پیش فرض لینک ها در همان صفحه باز میشوند. به مثال زیر دقت کنید، در این مثال لینک در یک پنجره جداگانه باز خواهد شد.

 در این مثال صفت target را  blank در قرار دادیم. این تعریف باعث میشود لینک در پنجره جدید باز شود. خروجی این مثال به صورت زیر است:

سایت مبتدی!

صفت id در تگ a

 تصور کنید یک سری تب میخواهید تعریف کنید. هر یک از این تب ها یک مطلب جداگانه ای دارند. برای هر یک از این تب ها که یک div هستند تگ a تعریف میکنیم که دارای شناسه یا id  مخصوص است و href را به این id های خاص اختصاص میدهیم. درحقیقت این id باعث جا به جایی در یک صفحه میشود. با نحوه نوشتن ایت صفت آشنا شوید:

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

 

9 نظرات شما

  • علی دانا

    فروردین ۱۵, ۱۳۹۳ at ۱۱:۴۵ ب.ظ
    • بهاران بنی اسدی

      فروردین ۱۶, ۱۳۹۳ at ۸:۱۴ ق.ظ
      سلام بله اما این شروع با < بسته شده است! در این تگ ابتدایی صفات میتواند قرار گیرد. پس از تمام شدن صفات این تگ ابتدایی بسته میشود.
  • عباس

    شهریور ۱۷, ۱۳۹۳ at ۲:۵۲ ب.ظ
    میشه مثال کامل تری از این مثال برای بنده ایمیل کنید.؟
  • تیرداد

    خرداد ۲۳, ۱۳۹۴ at ۹:۵۰ ق.ظ
    میخواستم یک تگ a بنویسم که مقدار href یا همون لینک رو از Dtabase بخونه
  • ahr

    خرداد ۳۱, ۱۳۹۴ at ۱۲:۳۹ ق.ظ
    سلام ...سایت بسیار زیبا و مفیدی دارید ....من تازه با این سایت اشنا شدم و خیلی علاقه مند به یادگیری برنامه نویسی هستم ........ممنون از اینکه این مطالب را به صورت ساده و بسیار مرتب ارائه دادید .....لطفا توضیح بیشتری با مثال بیشتر درباره ی صفت id در تگ a بدهید ....ممنونم
    • بهاران بنی اسدی

      تیر ۱۴, ۱۳۹۴ at ۳:۳۲ ب.ظ
      سلام خیلی خوشحالم که سایت برای شما مفید بوده است . در آینده مثال های بیشتری قرار می دهیم.
  • سید صالح

    شهریور ۶, ۱۳۹۴ at ۵:۰۵ ب.ظ
    سلام چطور میشه خط کشیدن زیر متن رو غیر فعال کرد یعنی بعد از لینک دادن متن هیچ تغییری نکنه
    • الهه قنبری

      شهریور ۹, ۱۳۹۴ at ۲:۵۳ ب.ظ
      سلام! شما با Css به راحتی می توانید این کار را انجام دهید.
  • حمیدرضا

    اسفند ۱۹, ۱۳۹۴ at ۸:۱۴ ب.ظ
    بسم الله الرحمن الرحیم اللهم صل علی محمد و آل محمد و عجل فرجهم سلام خیلی ممنون ان شاءالله سربلند باشید

پاسخ دهید

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


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.