آموزش HTML – جلسه چهارم – Hyper Links

نویسنده: بابک حبیبی
تاریخ: ۱۳۹۱ - ۰۱ - ۲۵
دسته بندی: HTML اچ تی ام ال

در ادامه ی آموزش HTML که پایه ی طراحی سایت هست به بخش لینک ها و خصوصیات پیشرفته ی آن می پردازیم.

لینک دادن یکی از مرسوم ترین و مهمترین قابلیت های HTML است.

برای لینک دادن از تگ <a> و خاصیت href استفاده میکنیم به این صورت:


<a href="http://www.google.com/">Go to Google</a>

که به این شکل خروجی خواهد داد:

لینک در HTML

مسیر های وابسته یا 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>

رابطه های در لینک گذاری HTML

برای نشانه گذاری اینکه لینک در کجا باز شود باید از خصوصیت 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>

برچسب: - - - -

درباره ی

بابک حبیبی،دانشجوی لیسانس نرم افزار،برنامه نویس پی اچ پی،طراح وب،یه سری تخصص هم در شبکه و مباحث امنیتی دارم.

Comments are closed.