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

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

تگ a

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

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

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

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

سایتت

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

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

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

مثال:

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

سایتت

خلاصه درس

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

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

تمرین

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

درس نهم

درس هفتم

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