تبلیغات
.:: مرجع تخصصی آموزش های وب ::. - لینک هادرhtml

.:: مرجع تخصصی آموزش های وب ::.

آموزش برنامه نویسی وب ، گرافیک و فتوشاپ ، قالب سایت و وبلاگ و ...

آخرین مطالب سایت

لینک هادرhtml

لینک هادرhtmlکاربردبسیارزیادی دارندوشایدتینترنت بدون این لینک هامعنایی نداشته باشد.اصلالینک چیه؟لینک یه عبارته که باکلیک روی اون به صفحه ای جدیدمنتقل می شویم.خوب حالابه سراغ اموزش این بخش برویم:

تگی که یک لینک راایجادمی کندتگ<a>...</a>می باشد.خصوصیات یاپارامترهای این تگ عبارت انداز:

1.   href="":این عبارت ادرس لینک راتعیین می کند.ادرس لینک رابایدبین دوایضاً("")قراردهید.مانندزیر:

<a href="http://blogtool.mihanblog.com"></a>

2.   title="":عبارتی که بین دو""قرارگیردهنگامی نمایش داده می شودکه ماوس روی لینک قرارگیردمثل زیر:

<a href="http://blogtool.mihanblog.com" title=""weblog tools></a>

3.target="":اگرعبارت _blankرابین دو""قراردهیدادرسی که به لینک داده ایددرصفحه ای جدیدبازمی شود،ولی اگرعبارت_selfراقراردهیدادرس لینک به جای صفحه ی کنونی نمایش داده می شود.

<a href="http://blogtool.mihanblog.com" title="weblog tools" target="_blank"></a>

حال می خواهیم عنوان لینک رامشخص کنیم.فقط کافیست عنوان لینک رادقیقاقبل از</a>قراردهیم همانندکدزیر:

<a href="http://blogtool.mihanblog.com" title="weblog tools" target="_blank"

.:blogtool:.</a>

4.   name="":یک نام برای لینک ایجادمی کندتامقصدی برای لینک های جهشی که درادامه درموردان هاتوضیح خواهیم داد.

لینک ایمیل : برای اینکه یک لینک ایجادکنیم تابتوانیم باکلیک روی ان یک ایمیل ارسال کنیم بایستی عبارت mailto:را به جای ادرس لینک بین دو""قراردهیم وبه جای "mail address"درکدزیرایمیل خودتان راواردکنید.مانندکدزیر:

<a href="mailto:mail address">link title</a>

همچنین می توانیم پارامترهایCC،BCC،موضوع ومتن ایمیل ارسالی رانیزبااستفاده ازکدزیرتعریف کنیم:

<a href="mailto:mail address? subject=topic&CC=mail1&BCC=mail2&body=mail passage"></a>

لینک جهشی : به لینک هایی که کاربرراازقسمتی ازصفحه ی وب به قسمتی دیگرازصفحه،مثلابالامنتقل میکنندلینک های جهشی می گویند.روش ایجاداین نوع لینک هادرزیرتوضیح داده شده است:

برای ایجاداین لینک ابتدابایدیک لینک دارای خصوصیتnameوبدون عنوان درقسمت موردنظرازصفحه ایجادکنیم همانندکدزیر:

<a name="blogtool"></a>

سپس درقسمتی ازصفحه که می خواهیدلینک جهشی نمایش داده شودکدزیرراتایپ کنید.توجه کنیدکه عبارت پس از(#)بایدمانندهمان عبارتی باشدکه درخصوصیتnameبرای لینک بالاتعریف کرده اید(عبارات قرمزرنگ). درضمن(#)را نبایدحذف کنید.

<a href="#blogtool">link title</a>

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

.:: نظریادتون نره ::.

BHW گفته است :

پنجشنبه 7 اردیبهشت 1396 04:50 ب.ظ

I'm gone to say to my little brother, that he should also
go to see this web site on regular basis to take updated
from most recent reports.

BHW گفته است :

چهارشنبه 6 اردیبهشت 1396 07:43 ب.ظ

Wow, marvelous blog format! How long have you been blogging for?
you made blogging glance easy. The entire look of your web site is excellent, as smartly as the content
material!

BHW گفته است :

دوشنبه 28 فروردین 1396 10:07 ق.ظ

Wow, fantastic blog layout! How long have you been blogging for?
you make blogging look easy. The overall look of
your site is wonderful, as well as the content!

BHW گفته است :

جمعه 25 فروردین 1396 06:47 ق.ظ

When someone writes an paragraph he/she keeps the idea of a
user in his/her brain that how a user can be aware of it.
So that's why this post is amazing. Thanks!

 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر