خانه / مقالات اموزشی / html / لینک ها در html
آموزش HTML5
آموزش HTML5

لینک ها در html

لینک های ایمیلی

احتمالا در صفحات وب به لینک هایی که اشاره به یک آدرس ایمیل دارند برخورد کرده اید. زمانی که بر روی آن ها کلیک می کنیم برنامه ارسال ایمیل باز می شود. و همه چیز را برای ارسال ایمیل به آن آدرس مهیا میکند. به این نوع لینک ها، لینک های ایمیلی گفته میشود.

برای ایجاد لینک های ایمیلی می بایست از قاعده کلی زیر در عنصر a استفاده کنید:

در مثال فوق همانطور که مشاهده میکنید مقدار صفت href با عبارت mailto شروع شده و به دنبال آن کاراکتر “:” آمده و پس از آن آدرس ایمیلی که میخواهید ایمیل به آن ارسال شود آمده است. محتوای عنصر a مانند انواع دیگر لینک ها می تواند هر چیز دیگر باشد. بنابراین مثال فوق را می توان به صورت زیر نیز نوشت :

در هنگام ایجاد لینک های ایمیلی علاوه بر مشخص کردن آدرس ایمیل دریافت کننده حتی می توان موضوع، آدرس سایر دریافت کنندگان (یعنی گزینه های CC و BCC ) و بخشی از متن ایمیل را نیز مشخص کرد. برای این کار کافی است کد فوق را به صورت زیر تغییر داده و از پارامترهایی همچون subject، CC ، body پس از آدرس اصلی ایمیل استفاده کنید:

اکنون پس از کلیک بر روی لینک فوق برنامه ارسال ایمیل که معمولا یا Gmail و یا برنامه Microsoft Office Outlook و یا مثل من Yahoo-mailمی باشد به صورت زیر و با مشخصات پیش فرض تعیین شده باز خواهد شد:
1x1.trans آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه دوم)

لینک های دانلود

لینک های دانلود به لینک هایی گفته می شود که مسیر دسترسی به یک فایل خاص بر روی سرور خودمان یا سایر سرورها را مشخص میکند. معمولا از این نوع لینک ها برای فراهم کردن امکان دانلود فایل ها به کاربران استفاده می شود. در صورتی که بر روی لینکی کلیک کنیم و مرورگر نتواند فایل مورد نظر را باز کند. شروع به دانلود آن خواهد کرد. در مثال زیر نمونه ساده یک لینک دانلودکه امکان دانلود فایلی به نام test.zip را فراهم میکند. مشاهده می کنید:

 

لینک های لنگری

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

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

در هنگام ایجاد مقصد لنگر می بایست به جای استفاده از صفت href در تگ a از صفت name یا id برای نامگذاری آن استفاده کرد. ما از این نام در لنگر برای جهش به آن بخش بهره می بریم . حال در تگ a مبدا لنگر می بایست در صفت href از کاراکتر # و به دنبال آن نامی که برای مقصد انتخاب شده است استفاده کنیم. به کد زیر دقت کنید که متن همین جلسه است که با استفاده از لینک های لنگری ساخته شده :

 

کد بالا را دانلود کنید و آن را در ویرایشگر متن خود بنویسید (کپی، پیست کنید 1x1.trans آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه دوم) ).

نتیجه کد در مرورگر:

1x1.trans آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه دوم)

سپس به طور مثال با کلیک بر روی لینک، به قسمت لینک های دانلود خواهید رفت:

1x1.trans آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه دوم)

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

قصد لنگر می تواند هر عنصر دیگری غیر از عنصر a باشد. در این حالت نیز می بایست از صفت name یا id در این عنصر با یک مقدار مجزا در کل صفحه استفاده کرد. به طور مثال اگر مقصد لنگر ما یک تیتر باشد می توان از کد زیر استفاده کرد:

در لینک مقصد:

و در لینک مبدا از کد:

 

بسیار خب. تا اینجا با انواع لینک ها و طریقه مقدار دهی به هر یک آشنا شدیم. در مطلب بعدی به کار با تصاویر و تگ </ img> آشنا خواهیم شد.

 

درباره آموزشگاه نوین آی تی

همچنین ببینید

آموزش برنامه نویسی جاوا

نحوه نام گذاری متغییر های جاوا

مطلب جدیدی که در این آموزش قرار است فرا بگیریم نحوه صحیح نامگذاری متغیر ها ...

دیدگاهتان را بنویسید

علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net