بخش های اصلی

آموزش HTML 5

آموزش HTML - لینک ها (Links)

 یک لینک یا اَبَرلینک، ارتباطی از یک منبع وب به منبع وبِ دیگر است.

لینک های HTML(Links) (ابَرلینک ها یا لینک های وب)

لینک ها به کاربران اجازه می دهند که از یک صفحه به صفحه ی دیگر در هر سروری (server) که در هر کجای جهان واقع شده است، بروند. یک لینک دارای دو بخش به نام های لنگرگا ه ها (achores) و مسیر (direction) است. لینک ها از لنگرگاهِ مبدا شروع شده و به لنگرگاه مقصد، که ممکن است هر منبع وبی (عکس، فایل صوتی یا کلیپ ویدیویی، فایل متنی HTML، عنصری که متنی در آن وجود دارد و ...) باشد، اشاره می کنند.

بطور پیش فرض در بیش تر مرورگرها لینک ها بصورت های زیر ظاهر می شوند:

  • لینک دیده نشده (unvisited link)زیرخط دار (underlined) و آبی رنگ است.
  • لینک دیده شده (visited link) زیرخط دار و بنفش رنگ است.
  • لینک فعال (active link) زیرخط دار و قرمز رنگ است.

با این حال می توانید با استفاده از کدهای CSS نیز این ظاهر این لینک ها را تغییر دهید.

شکل دستوری لینک HTML

در HTML لینک ها با تگ <a> تعریف می شوند.

لینک یا اَبرلینک می تواند یک کلمه، گروهی از کلمه ها یا عکس باشد.

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

خصیصه href در مبدأ، آدرس مقصد را مشخص می کند.

مثال

<a href="http://www.softskill.ir/">SoftSkill</a>
<a href="kites.jpg"><img src="kites-thumb.jpg" alt="kites"></a>
<a href="http://www.google.com/">Google Search</a>

خصیصه  Target در لینک ها

خصیصه target به مرورگر می گوید که متنِ لینک شده را کجا باز کند. چهار مقدار از پیش تعریف شده برای target وجود دارد و با علامت زیرخط ("_") شروع می شوند: _blank, _parent, _self, _top .

مثال

<a href="http://www.softskill.ir/" target="_top">SoftSkill</a>
<a href="sky.jpg" target="_self"><img src="sky-thumb.jpg" alt="Cloudy Sky"></a>
<a href="http://www.google.com/" target="_blank">Google</a>

ایجاد Bookmark

خصیصه attribute به روش زیر، برای ایجاد bookmark داخل صفحه وب به کار می رود:

مثال

<a href="#balloons"><img src="balloons-thumb.jpg" alt="Balloons"></a>
<img src="balloons.jpg" alt="Hot Air Balloons" id="balloons">

نکته: استاندارد HTML5 برای تعریف نام bookmark ، استفاده از خصیصه id را به جای استفاده از خصیصه name ، توصیه می کند.

ایجاد لینک دانلود

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

در مثال زیر ، فایلی که می خواهیم برای دانلود بگذاریم یک فایل فشرده (zip) به نام test.zip است.

مثال

<a href="downloads/test.zip">Download Zip file</a>
<a href="downloads/masters.pdf">Download PDF file</a>
<a href="downloads/sample.jpg">Download Image file</a>

نکته: کلیک کردن روی لینکی که به یک فایل pdf یا یک فایل عکس، اشاره می کند، مستقیماً باعث دانلود شدن آن فایل در هارد سیستمتان نمی شود. با این کار فقط این فایل ها در مرورگرتان باز خواهند شد.بعداً شیوه ذخیره کردن این فایل ها در هاردِ سیستمتان را خواهید آموخت.

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

آخرین مقالات

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد