در ادامه ی آموزش HTML که پایه ی طراحی سایت هست به بخش لینک ها و خصوصیات پیشرفته ی آن می پردازیم.
لینک دادن یکی از مرسوم ترین و مهمترین قابلیت های HTML است.
برای لینک دادن از تگ <a> و خاصیت href استفاده میکنیم به این صورت:
<a href="http://www.google.com/">Go to Google</a>
که به این شکل خروجی خواهد داد:
مسیر های وابسته یا Relative:
برای راحت تر نوشتن لینک ها و اصولی نوشتن کد ها به این صورت عمل میکنید
– اگر خواستید به صفحه ای در همان فولدر / دایرکتوری لینک بدهید :
<a href="index.html">صفحه ی اصلی</a>
– اگر خواستید به صفحه ی پدر فولدر / دایرکتوری لینک بدهید:
<a href="../files.html">فایل ها</a>
– اگر خواستید به صفحه ی فرزند فولدر / دایرکتوری لینک بدهید:
<a href="training/html.html">HTML</a>
آدرس های مستقل یا absolute URL :
به صفحه ای با آدرس کامل لینک می دهید:
<a href="http://zoopirnet.com">Zoopirnet</a>
برای نشانه گذاری اینکه لینک در کجا باز شود باید از خصوصیت target استفاده کنید که ۴ حالت دارد:
Blank_ : در پنجره ی جدیدی باز شود
Self_ : در پنجره ای که باز است باز شود (پنجره ی کنونی)
Parent_ : در Frame پدر باز می شود
Top_ : در همان پنجره باز میشود (از Frame خارج میشود)
<a href="http://www.zoopirnet.com/" target="_blank">زوپیرنت</a>
لینک دادن به داخل صفحه :
لینک دادن به موقعیت های مختلف صفحه ی جاری با خاصیت id صورت میگیرد.وقتی داخل تگی خاصیت id را معرفی کنیم و به آن مقداری دهیم می توانیم داخل همان صفحه به این id لینک بدهیم.
اول خاصیت id را در تگ معرفی میکنید:
<h2 id="top">Top</h2>
سپس در قسمتی از صفحه که میخواهیم لینک کنیم آن را قرار میدهیم به این صورت:
<a href="#top">Go back top</a>
مارا در توئیتر دنبال کنید
خبرمایه ما در بیاید