به نام خدا
با عرض سلام و وقت بیخر خدمت بازدید کنندگان گرامی وبسایت وان پی سی
در این قسمت از آموزش ، به سراغ لینک ها در HTML خواهیم رفت
همراهی شما باعث افتخار ماست
لینک ها در html :
تمامی صفحات وب دارای لینک هستند و وظیفه ی این لینک ها ارتباط صفحه های وب به هم دیگر هستند .
لینک ها در html (hyperlink) :
html حاوی یک ویژگی به نام hyperlink است که شما میتوانید عکس ، نوشته و یا پرونده دیگری ، به صفحه مورد نظر بروید .
نحوه ی نوشتن کد های لینک در html :
در html لینک ها با تگ <a> شناخته و نوشته می شوند ،
به ای نشکل
<a href=”” > متن لینک </a>
برای مثال :
<a href=”http://www.1p30.com/”>ورود به سایت وان پی سی </a>
– ویژگی href آدرس مقصد لینک را مشخص میکند
– متن لینک نیز متن قابل نمایش در صفحه وبسایت شما برای انتخاب لینک است
انواع لینک ها :
1- لینک محلی
لینک محلی در html :
در لینک های محلی دیگر احتیاجی به نوشتن http:// نیست ، زیر بصورت پیشفرض ، محلی و فقط در وبسایت شما برای جا ب جایی در بین صفحات شما استفاده میشود
برای مثال :
<a href=”forum/25-آموزش-html5-css3/”> آموزش HTML 5 و CSS3 </a>
رنگ ها در لینک های html :
هنگامی شما ماوس خود را به روی یک لینک هدایت میکنید ، بصورت معمول 2 حالت برای شما پیش می اید
تبدیل ماوس به فلش دست شکل
رنگ لینک تغییر خواهد یافت
<a href=”http://www.1p30.com/”target=”_blank”>وان پی سی</a>
انواع نوع نحوه ی نمایش ویژگی target عبارتند از :
ایجاد یک نشانه در صفحه وب در html :
– نشانه گذاری در صفحات وب برای وب سایتی است که از محتوای طولانی اسستفاده کرده بدون رفرش دوباره صفحه ، به ان قسمت از صفحه می رویم
– برای این کار ابتدا بای دیک نشانه در صفحه و بعد از ان یک لینک نشانه رو بگذاریم
مثال :
ایجاد یک نشانه با ویژگی id :
<h2 id=”tips”>نشانه</h2>
اضافه کردن یه هدف لینک برای نشانه ایجاد شده :
<a href=”#tips”>کلید برای پرش به نشانه</a>
یا به قسمتی از نشانه صفحه ی دیگر :
<a href=”html_tips.htm#tips”>کلیک برای پرش به نشانه از صفحه ی دیگر</a>
اتمام