لینک‌های HTML
- صفحه قبلی HTML CSS
- صفحه بعدی تصاویر HTML
HTML از لینک‌های فوق‌العاده برای اتصال به مستند دیگری در اینترنت استفاده می‌کند.
لینک‌ها تقریباً در تمامی صفحات وب یافت می‌شوند. با کلیک بر روی لینک می‌توان از یک صفحه به صفحه دیگر منتقل شد.
مثال
- ایجاد لینک‌های فوق‌العاده
- این مثال نشان می‌دهد که چگونه می‌توان لینک‌ها را در مستند HTML ایجاد کرد.
- استفاده از تصویر به عنوان لینک
- این مثال نشان می‌دهد که چگونه می‌توان از تصویر به عنوان لینک استفاده کرد.
لینک‌های HTML (لینک‌ها)
یک لینک می‌تواند یک کلمه، یک عبارت یا مجموعه‌ای از عبارات باشد، همچنین می‌تواند یک تصویر باشد. شما می‌توانید بر روی این محتوا کلیک کنید تا به یک مستند جدید یا بخش خاصی از مستند فعلی بروید.
وقتی که موس را روی لینک خاصی در صفحه وب حرکت می‌دهید، کمان به یک دست کوچک تبدیل می‌شود.
ما از تگ <a> برای ایجاد لینک‌ها در HTML استفاده می‌کنیم.
دو روش برای استفاده از برچسب <a> وجود دارد:}}
- با استفاده از خاصیت href - ایجاد لینک به مستند دیگر
- با استفاده از خاصیت name - ایجاد نشان‌گذار در داخل مستند
مطالعه بیشتری:چه چیزی به عنوان hypertext است؟
قوانین نوشتن لینک HTML
کد HTML لینک ساده است. شبیه این است:
<a href="url">text لینک</a>
خصیت href نشان‌دهنده هدف لینک است.
متن بین برچسب‌های آغازین و پایان‌یابی به عنوان ابرپیوند نمایش داده می‌شود.
مثال
<a href="http://www.codew3c.com/">بازدید از CodeW3C.com</a>
این خط به صورت زیر نمایش داده می‌شود:برای بازدید از CodeW3C.com
با کلیک بر روی این ابرپیوند، کاربر به صفحه اصلی CodeW3C.com هدایت می‌شود.
توضیح:"text لینک" لزوماً باید متن نباشد. تصاویر یا عناصر HTML دیگر نیز می‌توانند به عنوان لینک استفاده شوند.
HTML لینک - خاصیت target
با استفاده از خاصیت Target، شما می‌توانید تعیین کنید که مستند لینک شده کجا نمایش داده شود.
این خط به صورت زیر در یک پنجره جدید مستند را باز می‌کند:
<a href="http://www.codew3c.com/" target="_blank">برای بازدید از CodeW3C.com!
HTML لینک - خاصیت name
خصیت name نشان‌گذار (anchor) را مشخص می‌کند.
شما می‌توانید از خاصیت name برای ایجاد نشان‌گذار در صفحه HTML استفاده کنید.
نشان‌گذار به هیچ وجه به صورت خاصی نمایش داده نمی‌شود، و برای خواننده قابل مشاهده نیست.
وقتی از نشان‌گذار نام‌گذاری شده (named anchors) استفاده می‌کنیم، می‌توانیم لینک‌هایی ایجاد کنیم که مستقیماً به نشان‌گذار مربوطه (مثلاً بخشی از صفحه) بپرد. این کار به کاربر اجازه می‌دهد که بدون نیاز به حرکت مداوم صفحه به دنبال اطلاعات مورد نظر خود بگردد.
قوانین نوشتن نشان‌گذار نام‌گذاری:
<a name="label">نشان‌گذار (نوشته‌ای که در صفحه نمایش می‌شود)</a>
توضیح:نام نشان‌گذار می‌تواند هر نامی باشد که دوست دارید.
توضیح:شما می‌توانید از خاصیت id به جای خاصیت name استفاده کنید، نام نشان‌گذار نیز به طور مشابه کار می‌کند.
مثال
اول از همه، ما در مستند HTML به ابرنوک نام می‌دهیم (یک نشان‌گذار ایجاد می‌کنیم):
<a name="tips">نکات پایه - نکات مفید</a>
سپس، ما در همان مستند به لینک ابرنوک اشاره‌ای ایجاد می‌کنیم:
<a href="#tips">نکات مفید</a>
شما می‌توانید به لینک‌های اشاره‌ای به این ابرنوک در صفحات دیگر نیز ایجاد کنید:
<a href="http://www.codew3c.com/html/html_links.asp#tips"">نکات مفید</a>
در کد بالا، ما علامت # و نام آشکارساز را به انتهای URL اضافه کرده‌ایم تا بتوانیم مستقیماً به آشکارساز tips لینک دهیم.
تأثیر خاص:نکات مفید
ملاحظات اولیه - نکات مفید:
نکته:لطفاً همیشه خط تیره افقی را به زیرپوشه‌ها اضافه کنید. اگر اینگونه لینک بنویسید: href="http://www.codew3c.com/html"، دو درخواست HTTP به سرور خواهد داد. این دلیل این است که سرور خط تیره افقی را به این آدرس اضافه می‌کند و سپس یک درخواست جدید ایجاد می‌کند، مانند این: href="http://www.codew3c.com/html/".
توضیح:نام‌گذاری‌های مرجع اغلب برای ایجاد فهرست‌های در ابتدای مستند‌های بزرگ استفاده می‌شوند. می‌توان به هر فصل یک نام‌گذاری داد و سپس لینک‌هایی که به این نام‌گذاری‌ها لینک دارند را در بالا مستند قرار داد. اگر به ویکی‌پدیا زیاد مراجعه می‌کنید، خواهید دید که تقریباً هر واژه دارای این نوع هدایت‌کننده است.
توضیح:اگر مرورگر نمی‌تواند آشکارساز نام‌گذاری شده‌ای را پیدا کند، به بالای مستند خواهد رفت. هیچ خطایی رخ نخواهد داد.
مثال‌های بیشتر
- لینک در پنجره جدید مرورگر باز کردن
- این مثال نمایش می‌دهد که چگونه می‌توان یک صفحه را در پنجره جدید مرورگر باز کرد تا کاربران نیازی به ترک وب‌سایت نداشته باشند.
- لینک به مکان‌های مختلف یک صفحه
- این مثال نمایش می‌دهد که چگونه می‌توان با استفاده از لینک به بخش دیگری از مستند پرید
- پریدن از چارچوب
- این مثال نمایش می‌دهد که چگونه می‌توان با استفاده از لینک به بخش دیگری از مستند پرید.
- ایجاد لینک ایمیل
- این مثال نمایش می‌دهد که چگونه به یک ایمیل لینک داده می‌شود. (این مثال نیاز به نصب برنامه ایمیلی دارد تا کار کند.)
- ایجاد لینک ایمیل 2
- این مثال نمایش می‌دهد که چگونه یک لینک ایمیل پیچیده‌تر ایجاد می‌شود.
برچسب لینک HTML
| برچسب | توضیح |
|---|---|
| <a> | تعریف اتصال. |
- صفحه قبلی HTML CSS
- صفحه بعدی تصاویر HTML
