:: امیر یاوندحسنی ::

روزنوشت‌‌هایی در زمینه‌: فناوری اطلاعات، گرافیک، طراحی وب

روزنوشت‌‌هایی در زمینه‌: فناوری اطلاعات، گرافیک، طراحی وب

ویژه های وبلاگ
خبرنامه وبلاگ

آدرس ایمیلتان را وارد کنید:

شبکه های اجتماعی
تائيديه پرداخت با Payline

آموزش HTML - جلسه هفتم

يكشنبه, ۲۴ شهریور ۱۳۹۲، ۰۶:۵۹ ب.ظ

 آموزش HTML

سلام دوستان عزیز؛ با جلسه هفتم از آموزش برنامه‌نویسی تحت وب به زبان HTML در خدمت شما هستیم. در جلسه گذشته به بررسی تگ‌های قالب‌بندی متن پرداختیم. در این جلسه تصمیم داریم به بررسی تگ <a> (لینک) و صفت‌های آن به طور کامل بپردازیم. با ما همراه باشید.

لینک‌ها در زبان HTML:

یک لینک (Hyperlink) در زبان HTML می‌تواند یک کلمه، گروهی از کلمات یا حتی یه تصویر را شامل شود. هنگامی که cursor موس را روی یک لینک ببرید، به یک دست کوچک تبدیل می‌شود. لینک‌ها در زبان HTML بسیار کاربردی و مهم هستند و اصولا یک صفحه وب، بدون لینک معنا ندارد!

شاید مهم‌ترین صفتی (attribute) که برای یک لینک می‌توان نام برد، صفت href باشد. زیرا که مقصد لینک را مشخص می‌کند. تعریف یک لینک در زبان HTML بسیار ساده است:

<a href="Link URL">This is a Link</a>

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

صفت target در لینک‌ها:

یکی دیگر از صفت‌های عنصر <a> صفت target است. از این صفت برای مشخص‌کردن چگونگی بازشدن لینک مقصد استفاده می‌کنیم. با استفاده از این صفت می‌توان تعریف کرد که لینک مورد‌نظر در صفحه کنونی، در یک صفحه جدید و یا به صورت popup باز شود. برای تعریف این صفت برای یک لینک به روش زیر عمل می‌کنیم:

<a href="http://ayavand.blog.ir" target="_blank">وبلاگ امیر یاوندحسنی</a>

در تعریف لینک بالا به وسیله صفت target، تعریف کرده‌ایم که لینک ما در یک صفحه جدید باز شود.

به طور کلی مقادیری که صفت target می‌پذیرد عبارتند از:

  • مقدار "blank_" تعیین می‌کند که لینک ما در صفحه جدید باز شود.
  • مقدار "self_" تعیین می‌کند که لینک ما در همین صفحه کنونی باز شود. (حالت پیشفرض)
  • مقدار "parent_" تعیین می‌کند که لینک ما در قاب اصلی (parent frame) باز شود (راجع به قاب‌ها در جلسه دیگری بحث خواهیم کرد!)
  • مقدار "top_" تعیین می‌کند که لینک ما در کل پنجره فعلی باز شود. (آن را از قاب خارج می‌کند.)

صفت id در لینک‌ها:

از صفت id می‌توان برای ایجاد یک نشانه (bookmark) درون صفحه HTML خود بهره جست؛‌ به این صورت که با کلیک روی لینک دارای این صفت به نشانه متصل شده به آن، منتقل می‌شویم. لازم به ذکر است که این bookmark ها برای خوانندگان صفحه شما قابل رؤیت نیستند. بگذارید با یک مثال قضیه را تشریح کنیم:

یک لینک با یک صفت id در داخل یک سند HTML:

<a id="#Tips">Useful Tips Section</a>

حال برای اینکه لینکی به نشانه "Useful Tips Section" بدهیم کافی است، یک لینک با مقصد tips# تعریف نمائیم:

<a href="#Tips">Visit the Useful Tips Section</a>

برای اینکه لینکی از یک صفحه دیگر به نشانه "Useful Tips Section" بدهیم کافی‌ است Tips# را به انتهای آدرس لینکی که در آن صفحه وجود دارد، قرار دهیم:

<a href="http://ayavand.blog.ir#Tips">Visit the Useful Tips Section</a>

لینک دادن به یک تصویر در HTML:

لینک دادن به تصاویر در HTML کار بسیار ساده‌ای است. برای این‌کار کافی است بین دو تگ باز و بسته <a> یک تصویر با استفاده از عنصر <img> قرار دهیم:

<a href="Limk URL" target="_blank"><img src="image URL"></a>

اگر این مطلب را می‌پسندید آن‌را در گوگل محبوب کنید:

نظرات  (۳)

واقعا چقدر لذت بخش چقدر هیجان آور من من بابک مهندس عمرانم حدود 3 روز پیش یکدفعه یادگیری برنامه نویسی به سرم افتاد سایت شما هم بعد از چند تا جستجو پیدا کردم
الان که به این جلسه رسیدم خودم دارم ابتکاری کار میکنم مثلا جای href سایت شما گذاشتم و جای url عکس آدرس یه عکس تو کامپیوتر خودم دادم الان با کلیک رو عکس سایت شما باز میشه
خیلی عالیه :)))
ممنونم از متالب مفیدتون
پاسخ:
خواهش میکنم :)
مرسی داداش
من یه دانش آموزم که چندین زبان برنامه نویسی بلدم اما هر چی دابال html گشتم کتاب خوب ندیدم اما با لطف شما الان مقدار خوبی html بلدم با تشکر
پاسخ:
موفق و موید باشید.
با سلام
جناب آقای امیر یاوندحسنی با توجه به علم شما در زمینه برنامه نویسی تحت وب و تصمیم گیری مدیریت سایت هلپ از شما دعوت میشود در وبلاگ
www.sitehelp.rozblog.com فعالیت به عنوان نویسنده داشته باشید
در صورت تمایل برای قبول درخواست ما میتوانید از طریق همان ادرس یا ادرس ایمیل mahdi139020@yahoo.com با مدیریت ارتباط داشته باشید .
پاسخ:
سلام خدمت مدیریت محترم سایت هلپ
با تشکر از لطف جنابتان نسبت به اینجانب، متاسفانه به دلیل مشغله های دانشجویی، همکاری با جنابتان برایم مقدور نیست و از این بابت معذرت‌خواهی می‌کنم. ان‌شاالله اگر مجالی بود حتما به اطلاعتان خواهم رساند. یاعلی

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
تجدید کد امنیتی