آموزش HTML - جلسه هفتم

 

سلام دوستان عزیز؛ با جلسه هفتم از آموزش برنامه‌نویسی تحت وب به زبان HTML در خدمت شما هستیم. در جلسه گذشته به بررسی تگ‌های قالب‌بندی متن پرداختیم. در این جلسه تصمیم داریم به بررسی تگ <a> (لینک) و صفت‌های آن به طور کامل بپردازیم. با ما همراه باشید.

لینک‌ها در زبان HTML:

یک لینک (Hyperlink) در زبان HTML می‌تواند یک کلمه، گروهی از کلمات یا حتی یه تصویر را شامل شود. هنگامی که cursor موس را روی یک لینک ببرید، به یک دست کوچک تبدیل می‌شود. لینک‌ها در زبان HTML بسیار کاربردی و مهم هستند و اصولا یک صفحه وب، بدون لینک معنا ندارد!

شاید مهم‌ترین صفتی (attribute) که برای یک لینک می‌توان نام برد، صفت href باشد. زیرا که مقصد لینک را مشخص می‌کند. تعریف یک لینک در زبان HTML بسیار ساده است:

<a href="Link URL">This is a Link</a>

لینک بالا به وسیله‌ی صفت href آدرس‌دهی شده است. با کلیک بر روی لینک تعریف‌شده کاربر به مقصد آدرس‌دهی شده منتقل خواهدشد.

صفت target در لینک‌ها:

یکی دیگر از صفت‌های عنصر <a> صفت target است. از این صفت برای مشخص‌کردن چگونگی بازشدن لینک مقصد استفاده می‌کنیم. با استفاده از این صفت می‌توان تعریف کرد که لینک مورد‌نظر در صفحه کنونی، در یک صفحه جدید و یا به صورت popup باز شود. برای تعریف این صفت برای یک لینک به روش زیر عمل می‌کنیم:

<a href="http://ayavand.blog.ir" target="_blank">وبلاگ امیر یاوندحسنی</a>

در تعریف لینک بالا به وسیله صفت target، تعریف کرده‌ایم که لینک ما در یک صفحه جدید باز شود.

به طور کلی مقادیری که صفت target می‌پذیرد عبارتند از:

• مقدار "blank_" تعیین می‌کند که لینک ما در صفحه جدید باز شود.
• مقدار "self_" تعیین می‌کند که لینک ما در همین صفحه کنونی باز شود. (حالت پیشفرض)
• مقدار "parent_" تعیین می‌کند که لینک ما در قاب اصلی (parent frame) باز شود (راجع به قاب‌ها در جلسه دیگری بحث خواهیم کرد!)
• مقدار "top_" تعیین می‌کند که لینک ما در کل پنجره فعلی باز شود. (آن را از قاب خارج می‌کند.)

صفت id در لینک‌ها:

از صفت id می‌توان برای ایجاد یک نشانه (bookmark) درون صفحه HTML خود بهره جست؛‌ به این صورت که با کلیک روی لینک دارای این صفت به نشانه متصل شده به آن، منتقل می‌شویم. لازم به ذکر است که این bookmark ها برای خوانندگان صفحه شما قابل رؤیت نیستند. بگذارید با یک مثال قضیه را تشریح کنیم:

یک لینک با یک صفت id در داخل یک سند HTML:

<a id="#Tips">Useful Tips Section</a>

حال برای اینکه لینکی به نشانه "Useful Tips Section" بدهیم کافی است، یک لینک با مقصد tips# تعریف نمائیم:

<a href="#Tips">Visit the Useful Tips Section</a>

برای اینکه لینکی از یک صفحه دیگر به نشانه "Useful Tips Section" بدهیم کافی‌ است Tips# را به انتهای آدرس لینکی که در آن صفحه وجود دارد، قرار دهیم:

<a href="http://ayavand.blog.ir#Tips">Visit the Useful Tips Section</a>

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

لینک دادن به تصاویر در HTML کار بسیار ساده‌ای است. برای این‌کار کافی است بین دو تگ باز و بسته <a> یک تصویر با استفاده از عنصر <img> قرار دهیم:

<a href="Limk URL" target="_blank"><img src="image URL"></a>

اگر این مطلب را می‌پسندید آن‌را در گوگل محبوب کنید: