درس هشتم – ایجاد لینک در HTML – بخش اول

درس هشتم – ایجاد لینک در HTML – بخش اول

 

تگ a

  • تگ a مخفف کلمه (anchor) به معنی لنگر می باشد.
  • برای اتصال دو صفحه HTML به یکدیگر (یا اتصال یک فایل به یک صفحه HTML و یا اتصال دو متن در یک صفحه HTML) از تگ لینک (تگ a) استفاده می شود.
  • مهمترین صفت تگ a، صفت href می باشد که بوسیله آن آدرس مقصد را مشخص می کنیم. توجه داشته باشید که بدون این صفت، عملا لینکی ایجاد نمی شود.
  • یکی دیگر از صفات پر استفاده از تگ a، صفت target می باشد که بوسیله آن می توانیم مشخص کنیم که آدرس مقصد در صفحه جدیدی باز شود و اگر از این صفت استفاده نکنیم، آدرس مقصد در همین صفحه باز می شود.

 

برای ایجاد لینک در html:

  1. تگ a را باز کنید.
  2. صفت href را با یک فاصله از a بنویسید.
  3. بعد از href علامت مساوی بگذارید.
  4. آدرس مقصد را درون دو دابل کوتیشن (“) بنویسید.(مثال “http://sitet.net”)
  5. تگ باز a را ببندید.
  6. متن دلخواهی برای لینک بنویسید.(این متن دقیقا همان متنی است که کاربر با کلیک روی آن به آدرسی که در href نوشته بودید منتقل می شود.)
  7. تگ a را ببندید.

ایجاد لینک در html
نتیجه تصویر بالا:

سایتت

باز شدن لینک در صفحه جدید

همانطور که می بینید صرفا کلمه ای که بین تگ باز و بسته a نوشته شده بود در صفحه نمایش داده می شود و با کلیلک روی آن به آدرسی که در href نوشته شده است، منتقل می شوید.

  • اگر بخواهید با کلیک روی کلمه سایتت به جای اینکه آدرس sitet.net در همین صفحه باز شود، در تب جدیدی باز شود، می توانید از صفت target (به معنی مقصد) با مقدار “blank_” استفاده کنید.
  • در صفت target می توانید به جای “blank_” از “self_” استفاده کنید که در این صورت، آدرس مقصد در همین صفحه باز می شود. دقیقا مانند زمانی که از صفت target استفاده نشده بود.

مثال:

نتیجه کد بالا:

سایتت

خلاصه درس

  1. برای ایجاد لینک از تگ a استفاده می کنیم.
  2. برای مشخص نمودن مقصد در تگ a از صفت href استفاده می کنیم.
  3. برای باز شدن صفحه مقصد در یک صفحه جدید از مرورگر از صفت target با مقدار blank_ استفاده می کنیم.

 

محتوای یک فایل HTML شامل تگ a

 

تمرین

  • یک صفحه HTML با چند لینک ایجاد کنید.
  • در لینک هایتان از targetهای مختلف استفاده کنید.

 

درس نهم

درس هفتم

بازگشت به فهرست

ثبت امتیاز

1 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 51 رای​، میانگین: 5٫00 از 5 (1 رای​، میانگین: 5٫00 از 5)
برای ثبت امتیاز نیاز به عضویت دارید. برای ثبت نام می توانید از بالای همین صفحه اقدام کنید.
Loading...

4 Comments

  1. با سلام و خسته نباشید میخواستم تشکر ویژه ای بکنم چرا که مدتها بود آموزشی به این سادگی ندیده بودم امیدوارم باز مطالب آموزشی ادامه داشته باشه.

    Reply
    • admin

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

      Reply
  2. سلام آموزشاتون خیلی عالیه فقط یکم زود تر درس های بعدی رو آماده کنید

    Reply
    • admin

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

      Reply

Submit a Comment

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

رفتن به نوارابزار