تگ a برای قرار دادن لینک در وب سایت ( ساده ولی کاربردی html – قسمت 16 )

یکی از مهمترین تگ های html , تگی است برای لینک دار کردن متن ,  عکس , باکس و …

در این جلسه از سایت اسکریپت دات کام , با تگی به نام a آشنا میشیم که این کار را برای ما انجام میدهد.

سعی بر این است تا اطلاعات کاملی در این پست در مورد تگ a برای شما عزیزان قرار دهم .

تگ a : این تگ به صورت Container و Inline Level می باشد که جهت قرار دادن لینک در صفحات وب می باشد .

کافیست نوشته , تصویر , باکس و هر تگی که دوست دارید دارای لینک شود , در داخل این تگ قرار دهید .

این تگ به تنهایی معنایی ندارد و حداقل باید دارای یک خاصیت به نام href باشد . در خاصیت href باید یک url و یا یک آدرس صفحه یا آدرس فایل مورد نظر شما قرار گیرد .

به عنوان مثال 1 : 

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

 توجه : اگر آدرس یک سایت را میخواهید وارد نمایید , حتما باید //:http را در اول آن وارد نمایید .

به عنوان مثال 2 :

<a href="pdf/vahid.pdf">Download Pdf</a>

 توجه: در مثال بالا , چون که فایل vahid.pdf در سایت خودمان قرار دارد , آدرس آن را بدون //:http وارد کرده ایم . معنی آدرس بالا یعنی در داخل پوشه ی pdf , فایلی به نام vahid.pdf قرار دارد که ما آدرس را داده ایم .

——————————————————

خاصیت target : خاصیتی در تگ a که مشخص میکند صفحه یا فایلی که آدرس آن را در href وارد کرده ایم , در همان صفحه باز شود و یا در صفحه ای جدید .

این خاصیت دارای دو مقدار مهم است . اگر مقدار آن را parent_ بگذاریم ,  آدرس در همان صفحه باز میشود و اگر مقدار آن را blank_ بگذاریم , آدرس در صفحه ای جدید باز می شود .

<a href="http://اسکریپت.com" target="_parent">Vahid Majidi</a>

<a href="http://اسکریپت.com" target="_blank">Vahid Majidi</a>

 ——————————————————

لینک های لنگر Bookmark چیست ؟

این مدل لینک دهی در سایت wikipedia به وفور یافت میشود و به این معنا میباشد که شاید شما بخواهید کاربر پس از ورود به صفحه ی مورد نظر خود , به نقطه ای مشخص از آن صفحه برود . مثلا فرض کنید در یک تگ h1 در وب سایت خود دارید که میخواهید کاربر پس از کلیک بر روی لینک شما , به همان تگ h1 پرش کند . برای این کار باید مراحل زیر را انجام دهید .

1 –  به تگ h1 خود خاصیتی به نام id بدهید و نامی دلخواه برای آن انتخاب نمایید .

2 – پس از اتمام آدرس دهی به خاصیت href , همان نامی که به id داده بودید را با یک # در قبل از آن در آدرس وارد نمایید .

به عنوان مثال :

<a href="#job">شغل وحید مجیدی</a>

<h1 id="job">مدرس مجتمع فنی تهران</h1>

 نکته 1 : به جای h1 , هر تگ دیگری میتوان استفاده نمود. چون خاصیت id قابل فهم برای تمامی تگ های html می باشد .

نکته 2 : طبیعاتا تگی که به آن id میدهیم باید چندین سطر پایین تر و یا بالاتر از تگ a باشد تا پس از کلیک بر روی تگ a , عمل پرش صورت گیرد .

پخش اختصاصی

آموزش : وحید مجیدی