درس نهم
تقریبا در تمام صفحات وب می توان لینک ها را مشاهده کرد. کاربران با استفاده از لینک ها می‌توانند از یک صفحه به صفحه دیگری کلیک نمایند.
در این درس با نحوه ایجاد لینک ها در سند html آشنا می شویم.
در توضیح هایپرلینک و لینک می توان گفت که یک کلمه یا گروهی از کلمات و یا یک عکس است که با کلیک کردن بر روی آن می توان به بخشی از همان سند و یا یک سند جدید انتقال پیدا کرد. هنگامی که کاربران در یک صفحه وب، موس را روی لینک می برند، نشانگر به صورت یک دست کوچک به نمایش در می آید.
در html لینک ها را با تگ <a> مشخص می کنند.
با دو روش می‌توان از تگ <a> استفاده کرد:
برای درست کردن لینک به یک سند دیگر، با کمک خصوصیت href
برای درست کردن یک پیوند به داخل همان صفحه با کمک خصوصیت name
نحوه نوشتن لینک در html
<a href="/url">Link text</a>
مقصد یک لینک با استفاده از خصوصیت href مشخص می شود.
به مثال زیر توجه کنید:
<a href="http://www.beyamooz.com/">Visit beyamooz</a>
که نمایش آن به صورت Visit beyamooz می باشد.
در صورتی که کاربران بر روی لینک بالا کلیک کنند، به صفحه اصلی سایتbeyamooz ارجاع داده خواهند شد.
دقت کنید که لزوما Link text یک متن نیست. بلکه ممکن است عکس یا هر عنصر دیگری در html باشد.
خصوصیت target
با استفاده از خصوصیات target می توان تعیین کرد که صفحه لینک شده به چه صورتی باز شود.
برای مثال در زیر صفحه لینک شده در یک پنجره جدید یا در یک تب جدید باز خواهد شد.
<a href="http://www.beyamooz.com/" target="_blank">Visit beyamooz!</a>
خصوصیت name یا id در html
با استفاده از تنظیم کردن یک نام منحصر به فرد برای یک عنصر می توان با کمک خصوصیات name یا id به آن دسترسی داشت.
همچنین می توان خصوصیات name یا id، را برای به وجود آوردن یک bookmark یا پیوند به داخل همان صفحه نیز استفاده کرد.
دقت کنید که در استاندارد html 5خصوصیت id به جای name جهت تعیین کردن اسم برای یک محل مشخص به کار برده می شود. برای html4 خصوصیات id در تمام مرورگرها عمل خواهد کرد.
مثال: نحوه تنظیم کردن خصوصیت Name برای تگ <a> در سند html
<a name="tips">Useful Tips Section</a>
مثال: نحوه درست کردن یک لینک به محل مشخص در داخل صفحه جاری
<a href="#tips">Visit the Useful Tips Section</a>
مثال: نحوه درست کردن یک لینک به محلی مشخص در یک صفحه دیگر
<a href="http://www.beyamooz.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
نکته اساسی در html
برای آدرس دهی کردن یک فولدر در یک سایت باید یک slash به انتهای آن اضافه کرد. مثال:
http://beyamooz.com/html/