صفحه اصلی / ▼آموزشLearning / –آموزش اچتمل Learning HTML / ٨-د – اتصال به قسمتی از همان صفحه

٨-د – اتصال به قسمتی از همان صفحه

تگ < name >

اهداف این درس

۱ – ایجاد یک شاخه مخفی برای اشاره به یک قسمت خاص از یک سند HTML
۲- ساخت و ایجاد یک اتصال ابرمتن که به بخش خاصی از یک سند متصل شوید .
۳- ساخت یک ابرمتن برای اتصال به قسمتی از یک صفحه در یک سند HTML دیگر
۴- ایجاد انواعی از ابر متنها برای صفحه وب

شروع درس

Anchor name یک نشانه مخفی ، برای اشاره به یک بخش خاصی از یک سند HTML و نیز می تواند برای اتصال به قسمتی از یک صفحه دیگر کاربرد داشته باشد . برای مثال می توانیم در یک صفحه ( در اینجا ) یک اتصال درست کنیم که با کلیلک بر روی آن به قسمت آخر صفحه پرش پیدا کنید .
قالب HTML آن عبارتست از
< a name=”name” >Text to link to < /a >

نوشتن و ایجاد یک لینک (Name Anchor)

هنگامی که می خواهید یک ( Name Anchor ) ایجاد کنید مراحل زیر را دنبال کنید .

کاراکتر “#” به مرورگر شما می فهماند که باید در داخل سند به دنبال Anchor name باشد . اضافه کردن یک name anchor به index.html که در قبل ساختید.
۱- سند index.html را باز کنید .
۲- در بالای این متن را اضافه کنید .

۳- در یک روش یکسان مانند بالا موارد زیر را نیز انتخاب کنید .

۴- اگر صفحه را مجددا بارگذاری کنید از تغییراتی که انجام دادید چیزی دیده نمی شود و از چشم کاربر مخفی است .
اضافه کردن اتصالات (Name Anchor) به همان سند
۱- باز کردن فایل Index.html
۲- موارد زیر را اضافه کنید .
۳- سند خود را ذخیره کنید و آن را مجددا بارگذاری کنید .
در پایان ما می خواهیم که هر کدام از موارد لیست بالا بصورت ابرمتنی باشند که ما را به قسمتی از همین صفحه هدایت کنند .
۱- صفحه index.html را در ویرایشگر متنی باز کنید .
۲- اولین مورد را بصورت فوق تغییر دهید .

۳- نتایج خود را ذخیره و صفحه را مجددا بارگذاری نمایید.

اضافه کردن یک اتصال Anchor name به یک سند دیگر

شما میتوانید یک اتصال ایجاد کنید که به وسیله آن به قسمتی از یک سند دیگر هدایت شوید که دستور آن بصورت زیر است :

اگر چنین سندی در صفحه دیگری وجود داشته باشد
برای ایجاد چنین لینکی مراحل زیر را دنبال کنید :
۱- سند Lesson1.html را که در قبل ایجاد کردید باز کنید .
۲- در بین تگ و متن زیر را وارد کنید :

۳- اسناد خود را ذخیره کرده و صفحه را مجددا بارگذاری کنید .
وقتی که بر روی ابر متن Return to training the web کلیک می کنیم و در صفحه Index.html در قسمت آموزش آن می شوید .

مروری بر مطالب

۱- چگونه یک تگ Anchor name را می شناسید؟
۲- مراحل ایجاد یک لینک به قسمت دیگر از یک صفحه چیست؟
۳- چگونه این لینک را برای اتصال به قسمت صفحه دیگر آرایش می کنید؟
۴- تفاوت بین تگ های زیر چیست ؟

تمرین

در صفحه خود از انواع name anchor استفاده کنید

درباره مدیر سایت

سعید حسینی هستم کارشناسی مهندسی نرم افزار مدیر سایت و علاقه مند به فناوری اطلاعات و تکنولوژی های نو علاقه مند به وردپرس و جوملا و مدتی افتخار همکاری با انجمن پشتیبانی وردپرس پارسی را نیز داشتم. مهارتهای نرم افزاری • وب : PHP , HTML , Java script , JQuery , asp , CSS & CSS3 , Dreamweaver • برنامه نویسی : Delphi , C ++ , C sharp • بانک اطلاعاتی : SQL Server , MySQL , Oracle • طراحی : Photoshop ورزش های مورد علاقه ام شنا و فوتبال و دوچرخه سواری هستند.

همچنین بخوانید

درس ۲۳ – فریم کردن صفحه

اهداف این درس ۱- ایجاد یک صفحه وب با قالبهای متفاوت ۲- ایجاد اتصال از …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *