نام کاربری: گذرواژه‌:
انجمن فناوری اطلاعات دانشگاه پیام نور تبلیغات


تعرفه تبلیغات در IT98

پيوندهای اچتمل ( HTML Links )

برچسب‌های کلیدی این موضوع:
کاربران در حال بازدید از این موضوع: 1 مهمان
آخرین ارسال کننده: *setayesh
ارسال‌ها: 1
بازدیدها: 2071
امتیاز دهید
 
  • 0 رأی - میانگین امیتازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
در گوگل محبوب کنید
انجمن فناوری اطلاعات دانشگاه پیام نور


پيوندهای اچتمل ( HTML Links )

کاربر فعال
تاریخ عضویت: آذر ۱۳۹۲
رشته: کامپیوتر نرم افزار
ترم: شش
دانشگاه: پیام نور
اعتبار: 17
ارسال‌ها: 72
وضعیت : آفلاین
جنسیت: دختر
سپاس ها 116
سپاس شده 33 بار در 25 ارسال
ارسال: #1
ایجاد شده در تاریخ: ۲۲-۹-۱۳۹۳ ۰۵:۴۲ عصر
در اين درس
با پيوندها ( Links ) ، تگ های مربوطه مخصوصا تگ Anchor يا A و نحوه به
کار گيری آنها آشنا خواهيد شد. همچنين شناسه های بسيار مهم href ،target و
name تشريح خواهند شد.



در محيط وب، صفحات اچتمل با کمک پيوندها به يکديگر متصل (Link) ميشوند.
اصطلاح ابرمتن (Hyper Text) در مقابل متن خطی (Linear) قرار دارد. در يک
متن معمولی خواندن به شکل خطی و از ابتدا به انتها ميباشد و در مقابل در يک
متن مختلط (Hyper) با کمک پيوندها ميتوان از يک متن به هر صفحه ديگر در وب
متصل شد.اين کار با کمک عنصری معلوم الحال! به نام A يا Anchor ميسر
ميگردد.





تگ Anchor و شناسه href


برای ايجاد پيوند به صفحات ديگر از تگ <a> استفاده
ميشود. پيوندها ميتوانند به بخش ديگری از همان صفحه، صفحات ديگر وب،
تصاوير، فايلهای صوتی يا حتی فيلم ها و ... اشاره کنند.

فرم کلی يک پيوند به قرار زير است:




کد قالب بندی شده:

<a href="url">Some Text</a>



در مثال
بالا تگ <a> برای ايجاد پيوندی به صفحه ای ديگر که آدرس اينترنتی آن
url ميباشد بکار رفته است. برای تعيين مقصد و يا آدرس صفحه جديد از شناسه
ای به نام href که همان hyerlink reference ميباشد، استفاده ميشود و مقدار
اين شناسه در واقع همان آدرس اينترنتی صفحه مقصد است. بخش قابل رويت پيوند و
در واقع متــنــی (و يا تصويری ) که توسط مرورگر نمايش داده خواهد شد و
بازديدکننده روی آن کليک خواهد کرد ميان تگهای <a> و </a> قرار
داده ميشود و هر چند که در مثال بالا اين بخش متن "Some Text" است ولی
ميتواند حتی يک تصوير باشد.



برای نمونه کد اچتمل زير پيوندی به سايت google.com ايجاد خواهد کرد:


کد قالب بندی شده:

<a href="http://www.google.com/">Visit Google Site</a>



و مرورگر پيوند بالا را به شکل زير نمايش داده و در اثر کليک روی پيوند توسط بازديدکننده، مرورگر به سايت Google خواهد رفت.



شناسه target در پيوندها:


با کمک شناسه target امکان تعيين مقصد پيوند جديد فراهم
ميشود. در مثال بالا پس از کليک روی پيوند، مرورگر سايت google.com را باز
کرده و جايگزين سایت فعلی خواهد شد. اگر ميخواهيد که مرورگر پيوند را در
صفحه ای جديد باز کند بايد از شناسه target و مقدار "_blank" برای آن
استفاده کنيد . مثال زير سبب باز شدن سايت google.com در پنجره جديدی خواهد
شد:


کد قالب بندی شده:

<a href="http://www.google.com/" target="_blank" rel="nofollow" rel="nofollow">Visit Google Site</a>



شناسه Name :



با کمک شناسه name ميتوانيد پيوندها را نام گذاری کنيد.پيوندهای نامگذاری
شده امکان حرکت ميان قسمتهای مختلف يک صفحه يا page را فراهم ميکنند. در
اينصورت مثلا برای رفتن به آخر يک متن ديگر نيازی به Scrool down کردن
تمامی صفحه نيست و کافی است که بازديدکننده روی پيوندی که به آخر صفحه
اشاره ميکند کليک کند.

استفاده از پيوندهای نامگذاری شده شامل دو مرحله است:

1- ايجاد يک پيوند نامگذاری شده (اين قسمت به عنوان لنگر کار خواهد کرد.) :

فرم کلی يک پيوند نام گذاری شده به قرار زير است:



<a name="label">Text to be displayed</a>



وظيفه شناسه name تعيين نام برای پيوند است و مقدارآن همان نام پيوند
ميباشد. نام پيوند هم هر نام لاتينی ميتواند باشد. در فرم کلی بالا، نام
پيوند label و متنی که بعنوان پيوند نمايش داده ميشود عبارت "Text to be
displayed" خواهد بود. مثال زير به ايجاد يک پيوند نامگذاری شده با نام top
ميپردازد:




کد قالب بندی شده:

<a name="top">Here is top of my page!</a>



2- ايجاد يک پيوند به پيوند نامگذاری شده ديگر:



برای دادن لينک به پيوندی نام گذاری شده، کافی است که پيوندی معمولی ايجاد
کرده و در قسمت href آن ابتدا url مقصد و سپس نويسه # و در نهايت نام پيوند
نامگذاری شده را درج کنيد. مثال زير ايجاد پيوندی است که به لينک نامگذاری
شده ای به نام top اشاره ميکند:




کد قالب بندی شده:

<a href="default.aspx#top"> Goto Top! </a>



در اثر کليک روی پيوند بالا مرورگر مستقيما به ابتدای بخش top صفحه index.htm خواهد رفت.



لگر مقصد پيوند در همان صفحه قرار دارد نيازی به قيد url نيست و فقط نويسه # و سپس نام پيوند کافی است:




کد قالب بندی شده:

<a href="#top"> Goto Top! </a>

امضا *setayesh
آنکه دنبال حیات ابدی می گردید

کاش یک تا دو قدم

به سوی ظلمت چشم تو قدم بر می داشت

و به یک جرعه ی آن

ابدی می گردید

یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:

شبکه‌های اجتماعی درباره ما لینک‌های مهم ابزار
انجمن فناوري اطلاعات دانشگاه پيام‌نور در سال 1389 با هدف رشد و ارتقاي علمي دانشجويان آغاز بکار کرد. در IT98 شما قادرید از کاملترین و بروزترین آرشیو نمونه‌سوالات، جزوات، حل تمرینات، گزارش آزمایشگاه، گزارش کارآموزی، پروژه، مقالات و پایان‌نامه استفاده کنید. IT98.ir با عنوان بزرگترین انجمن دانشجویی رشته کامپیوتر دانشگاه پیام‌نور شناخته میشود.
Copyright (c) 2010-2017 it98.iR, all rights reserved
Template designed by : Mehdi Dastkhosh , Powered by MyBB
صفحه اصلی جستجو بازیهای آنلاین لیست اعضا