✗ Moltafet Team ✗
سلام دوست عزیز
به انجمن ملتفت تیم خوش آمد
برای استفاده از انجمن و مشاهده لینک ها جهت دانلود باید ثبت نام کنید
ثبت نام شما کمتر از 1 دقیقه طول خواهد کشید و بعداز ثبت نام نیاز به فعالسازی از طریق ایمیل ندارید پس از ثبت نام میتونید به قسمت لاگین مراجعه کنید و با وارد کردن نام کاربری و رمز عبور وارد انجمن شوید

Hello Dear
Wellcome To Moltafet Team Forum
Find Links To The Forum, You Must Register To Download And Using Of Forum .

Mohamad~kf@nimbuzz.com
Latest topics
» افتتاح سایت جدید (Www.LightCoder.iR)
by Mohamad Karami 31/7/2015, 20:52

» bot servers
by єmρty 23/7/2015, 15:56

» 3ex Bot Room v1 Coded By Mohamad~kf@n.c
by єmρty 22/7/2015, 10:21

» hitler shekan
by єmρty 21/7/2015, 20:43

» toxic-mod.jar
by єmρty 21/7/2015, 20:37

» server bot spy 2015
by wathk 21/7/2015, 03:42

» اموزش استفاده از سورس کد
by Mohamad Karami 14/7/2015, 10:41

» BlueStacks/اجرای برنامه های اندروید در ویندوز
by Mohamad Karami 14/7/2015, 10:34

» درخواست بوت
by daniyal93018 13/7/2015, 10:10

» نیمباز فوت کرد
by Mohamad Karami 3/7/2015, 20:30

» تایپیک جامع برنامه های پولی بازار
by mohammads 3/7/2015, 20:26

» برنامه پولی بازار در رابطه با بازی کلش آف کلنز
by mohammads 3/7/2015, 19:13

» add 24*7 online server bots
by mr.minor 3/7/2015, 19:10

» .NET Framework 3.5Win8 / مشکل نت فرامورک در ویندوز۸
by Farshad.k 3/7/2015, 02:05

» انیمیشن نبرد راشل کوری 2
by Farshad.k 3/7/2015, 01:58

» ChrisTV Online Premium Edition 11.12 + Portable تلویزیون اینترنتی
by Farshad.k 3/7/2015, 01:51

» LINE Free Calls & Messages 5.2.3 مسنجر LINE برای اندروید
by Farshad.k 3/7/2015, 01:48

» LINE Desktop Free Calls & Messages 4.0.3.369 مسنجر LINE ویندوز
by Farshad.k 3/7/2015, 01:44

» Bot Server Flooder Room (Pvflood+addflood) + Advertiser (Tabligh) + Anti's
by Mohamad Karami 21/6/2015, 12:03

» bulk Mail Sender / ارسال ایمیل انبوه
by Mohamad Karami 21/6/2015, 11:40

» Moltafet PassWord List Maker / ساخت پسورد لیست
by Mohamad Karami 21/6/2015, 11:21

» best mobile server v.1.0.0 persian edition
by best-mobile-server 19/6/2015, 08:07

» Amozeshe Tasviri B4a Mobtadi By King-Team
by meyti 16/6/2015, 09:12

» King Team Splash Design In C#
by meyti 13/5/2015, 16:34

» Hibernation Kardane Androidi Ha
by meyti 17/4/2015, 16:57

» آموزش ساخت ترول
by saeid 5/4/2015, 17:33

» عید مبارک :/
by Mohamad Karami 5/4/2015, 16:36

» (C#) آموزش مقدماتی تا پیشرفته برنامه نویسی سی شارپ
by Farshad.k 1/4/2015, 05:30

» Loaris tr0jan Remover 1.3.7.0 پاکسازی ویندوز از تروجان ها
by Farshad.k 1/4/2015, 05:22

» Coolutils Total PDF Converter 5.1.59 / به سایر فرمت ها PDF مبدل فایل
by Farshad.k 1/4/2015, 05:04

Search
 
 

Display results as :
 


Rechercher Advanced Search

Keywords


آموزش HTML - ایجاد لینک با استفاده از تگ a

View previous topic View next topic Go down

آموزش HTML - ایجاد لینک با استفاده از تگ a

Post by ~.~punisher~.~ on 7/10/2014, 02:36

برای ایجاد لینک باید از تگ a به شکل زیر استفاده کرد . a ابتدای کلمه anchor به معنای لنگر است . تگ a دارای 3 attribute پر کاربرد است .
1- href : مشخص می کند در صورت کلیک شدن بر روی لینک چه صفحه ای باز شود .
2- name : برای ایجاد Bookmark استفاده می شود . bookmark باعث می شود که با کلیک بر روی آن به جایی از صفحه جاری و یا به محل خاصی در صفحه دیگر برویم (نه فقط به ابتدای صفحه)
3 - title : برای ایجاد توضیحی که مانند hint ظاهر شود به کار می رود . این گزینه برای آن به کار می رود که کاربر قبل از کلیک بداند به کجا هدایت خواهد شد .
Code:
 <p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="http://www.yahoo.com" title="هدایت به سایت یاهو" >yahoo</a>
</p>
آنچه که باید مورد توجه قرار داد اینست که به هنگام وارد نمودن آدرس (مقدار href) باید حتما عبارت //:http گذاشته شود وگرنه مرورگر به دنبال فایلی بنام www.yahoo.com در همان مسیر صفحه وب می گردد که چون آنرا نمی یابد دچار خطا می شود .
حال فرض کنید . صفحه ای نسبتا طولانی شده است . می خواهیم در انتهای صفحه لینکی ایجاد کنیم بنام برو بالا که اگر کاربر این لینک را کلیک کرد به ابتدای صفحه برود . چگونه این کار را انجام دهیم؟ این همان چیزیست که به آن Bookmarking می گوئیم و بوسیله خصیصه name قابل انجام است کد زیر را به دقت بررسی کنید . برای اینکه صفحه کمی طولانی شده و دارای اسکرول شود چند پاراگراف اضافی با محتوای آموزش طراحی وب با HTML ایجاد شده است:
Code:
 <p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a name="first"></a>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<p>  آموزش طراحی وب با HTML </p>
<a href="/#first" title=" برو بالا<"برو بالا</a>
</p>
همانطور که در نتیجه می بینید جایی که bookmark می کنیم هیچ کس متوجه نمی شود و چیزی دیده نمی شود در مثال فوق ابتدای پاراگراف زرد رنگ یک bookmark بنام first درست شده است . و در آخرین خط این پاراگراف عبارت برو بالا درج شده که به آن bookmark لینک شده است . لینک به bookmark از علامت # و بدنبال آن نام bookmark تشکیل می شود . در اینجا منظور از برو بالا ابتدای صفحه نیست بلکه ابتدای پاراگراف است . اگر به موقعیت اسکرول قبل و بعد از کلیک کردن توجه کنید متوجه منظور خواهید شد . علامت # در لينك ها به همان صفحه اي كه لينك در آن واقع شده است اشاره دارد . حال اگر بخواهيم لينكي به يك قسمت خاص از صفحه ديگري دهيم كافيست ابتدا در آن قسمت خاص از آن صفحه يك bookmark ايجاد كنيم ، سپس در جايي كه مي خواهيم لينك ايجاد كنيم ، مقدار پارامتر href را اينگونه تنظيم كنيد كه ابتدا آدرس آن صفحه باشد و بعد علامت # و سپس نام bookmark. سعي كنيد اكنون اين كار را انجام دهيد .
مطلب مهمی که درباره آدرس دهی چه در لینک ، چه در عکس و چه در هر جای دیگر html وجود دارد، اینست که آدرس دهی باید به گونه ای باشد که وب سایت در هر جا باشد ، چه online و چه offline درست عمل کند و همه آدرس ها معتبر باشند . برای این کار باید آدرس دهی ها به صورت نسبی (local) باشند . یعنی اگر به فایل یا عکسی لینک می دهیم آدرس آن عکس نسبت به فایلی که در آن لینک ایجاد می کنیم باید به صورت نسبی بیاید . مثلا فرض کنید میخواهم به یک فایل بنام test.html لینک دهم که این فایل در شاخه images از مسیر اصلی وب سایت من قرار دارد . برای ایجاد این لینک باید به صورت زیر عمل شود :
Code:
 <p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="/images/test.html" title="فایل تست" >test</a>
</p>
همانطور که مشاهده می کنید آدرس با عبارت images شروع شده چرا که صفحه جاری که index.php نام دارد با پوشه ای بنام images هم شاخه هستند بنابراین برای اینکه از صفحه جاری به test.html برسیم باید از پوشه images گذر کنیم . حال اگر بخواهیم از test.html به index.php لینک دهیم این بار باید اول از پوشه images بیرون بیاییم که اینکار با نوشتن عبارت /.. انجام می شود یعنی مقدار عبارت href می شود : index.php/..
اين تگ خصيصه ديگري نيز بنام target دارد . بيشترين كاربرد target زماني است كه بخواهيد صفحه اي كه به آن لينك مي دهيد در پنجره اي جديد باز شود . بدين ترتيب بايد مقدار خصيصه target را به blank_ تنظيم كنيد . مانند مثال زير :
Code:
 <p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<a href="http://www.yahoo.com" title="هدایت به سایت یاهو" target="_blank" >yahoo</a>
</p>
avatar
~.~punisher~.~

Posts : 60
Thanks : 2
Join date : 2014-09-30
Nimbuzz ID : ~.~punisher~.~@nimbuzz.com

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum