لینک های html
لینک ها تقریبا در تمام صفحات وب هستند ، لینک ها به کاربران اجازه می دهند تا با
کلیک کردن بر روی آن ها از یک صفحه به صفحه دیگر بروند
خودتان امتحان کنید
چگونگی ایجاد لینک در اسناد HTML
(شما می توانید مثال های بیشتری را در پایین این صفحه پیدا کنید)
فرا لینک های HTML (لینک ها)
تگ <a> یک فرالینک را تعریف می کند
لینک یک کلمه است ، گروهی از کلمات ، یا تصویری که شما می توانید با کلیک کردن بر
روی آن به یک سند جدید و یا بخش جدیدی از سند جاری پرش کنید
وقتی شما مکان نما را بر روی یک لینک در یک صفحه وب حرکت می دهید،پیکان(نشانه)
به یک دست کوچک تبدیل می شود
لینک ها در HTML با استفاده از تگ <a> مشخص شده اند
مهمترین صفت عنصر <a> صفت href می باشد که مقصد لینک را مشخص می کند
به طور پیش فرض لینک ها در تمامی مرورگرها به شکل های زیر پدیدار می شوند
- لینک های بازدید نشده که زیرخط دار و آبی رنگ هستند
- لینک های بازدید شده که زیرخط دار و بنفش رنگ هستند
- لینک های فعال که زیرخط دار و قرمز رنگ هستند
ساختار لینک HTML
کد HTML برای یک لینک ساده مثل این به نظر می رسد:
<a href="url">Link text</a>
صفت href ، مقصد لینک را مشخص می کند
مثال
<a href="http://www.w3cschools.ir/">Visit W3Schools</a>
مانند این نمایش داده خواهد شد visiT w3cschools.ir
با کلیک بر روی این پیوند کاربر به صفحه اصلی w3schools فرستاده می شود
نکته: متن پیوند ، حتما لازم نیست متن باشد بلکه می تواند تصویر و یا هر عنصر دیگر
HTML باشد
لینک های HTML - صفت target
در واقع صفت target جاییکه سند لینک شده باز شود را مشخص می کند
مثال زیر سند لینک شده را در پنجره جدید مرورگر باز می کند
a href="http://www.w3schools.com/" target="_blank">Visit W3Schools>
</a>
لینک های HTML - صفت id
صفت id می تواند برای ایجاد یک نشانه (bookmark) در داخل سند HTML استفاده شود
نکته: نشانه ها نمایش داده نمی شوند و برای خواننده غیر قابل دیدن هستند
مثال:
در زیر طریقه نوشتن یک anchor با یک id آمده است.
<a id="tips">Useful Tips Section</a>
در داخل همان سند یک لینک به "Useful Tips Section" ایجاد می کند
<a href="#tips">Visit the Useful Tips Section</a>
یا از یک صفحه دیگر یک لینک به "Useful Tips Section" ایجاد می کند
<"a href="http://www.w3schools.com/html_links.htm#tips>
نکات پایه ای - اطلاعات مفیدهمیشه یک علامت "/" به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این
درست کنید
href="http://www.w3cschools.ir/links.html"
شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت "/" به انتهای آدرس
اضافه کرده و یک تقاضای جدید درست می کند. مثل این:
href="http://www.w3cschools.ir/links.html/"
از Anchor نام دار معمولا برای ساخت یک جدول از محتویات در ابتدای یک پرونده بزرگ
استفاده می شود. به هر بخش در میان پرونده یک Anchor نام دار داده شده و پیوند به
هرکدام از این Anchor ها در بالای پرونده قرار داده شده است. اگر یک مرورگر نتواند
Anchor نام داری را که مشخص شده است را پیدا کند به ابتدای آن پرونده رفته و هیچ
خطایی اتفاق نمی افتد.
چگونگی استفاده از تصویر به عنوان پیوند
اگر می خواهید تصویری را لینک کنید این مثال چگونگی این کار را نمایش می دهد
اگر بخواهیم با کلیک روی هر یک از سرفصلها، به آن سرفصل مراجعه کنیم، چگونه
عمل می کنیم؟
پیوندهای این مثال، چگونگی این کار را نشان می دهند.
اگر صفحه شما، داخل یک قاب نمایش داده می شود ، پیوندهای آن، محتوای قاب را
تغییر می دهند ، برای شکستن این محدودیت و تغییر محتوای کل پنجره مانند این مثال
عمل کنید.
در صورتیکه آدرس پیوند شما، از شماهای دیگری غیر از http ، مانند mailto و یا ftp
استفاده کند، چه می شود. این مثال نمونه ای را نمایش می دهد.
در این مثال نمونه دیگری از پیوند نوع mailto را می بینید.
تگ لینک HTML
| برچسب | توضیحات |
|---|---|
| <a> | یک فرالینک را معرفی می کند |
سلام امیر جون وب خیلی زیبایی داری به من هم سر بزن ولی خیلی زود بیا آخه من برای زندگی کردن وقت زیادی ندارم نه فکر بد نکن من از بچگی مشکل قلبی دارم یه سوراخ خیلی کوچیک تو قلبمه که داره شیطونی میکنه این آخرا داره کار خودشو میکنه بیا پیشم خوشحال میشم آخه من از دو چیز خیلی میترسم یکی تنها مردن یکی تو شب مردن ترو خدا تنهام نزار بیا سر بزن
سلام برادر
امیدوارم اگه هم حالت مناسب نیست زود زود خوب شی