دست نوشته توسعه دهنده وب

دست نوشته های یک توسعه دهنده وب از مبتدی تا حرفه ای

دست نوشته توسعه دهنده وب

دست نوشته های یک توسعه دهنده وب از مبتدی تا حرفه ای

طبقه بندی موضوعی
بایگانی

لینک در HTML

سه شنبه, ۵ شهریور ۱۳۹۲، ۱۰:۳۱ ق.ظ

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


انواع لینک در html

لینک سراسری(Global Links): لینک هایی که به صفحات یک سایت دیگر اشاره دارند.

لینک محلی یا موضعی(Local Links): لینک هایی که به صفحات دیگر همان سایت اشاره می کند. یعنی از سایتی که در آن هستید خارج نمی شوند.

لینک داخلی (Internal Links): لینک هایی هستند که  به قسمتی همان صفحه ای که در آن هستید اشاره می کنند.


برای ساختن لینک کافی است از دستور <a>...</a> مخفف anchor استفاده کنیم. هر آنچه که بین </a>…<a>  قرار می گیرد به عنوان لینک شناخته می شود. برای اینکه مقصد لینک نیز مشخص شود از صفت href  مخفف "hypertext reference" استفاده می کنیم. توجه کنید بین دستور a هر المانی از جمله متن ، عکس و... می تواند قرار بگیرد و بعد از این کار با کلیک بر روی آن المان به پیوند مورد نظر منتقل خواهیم شد.


نحوه نوشتن کلی یک لینک به شکل زیر می باشد .


شکل کلی


<a href="/url">Link text</a>

به صورت درست باید به شکل زیر نوشته شود


<a href="http://a-karimi.blog.ir/">آموزش وب</a>

ایجاد لینک داخل محتوا در HTML


<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<p> شما با استفاده از وبلاگ <a href="http://a-karimi.blog.ir/">آموزش وب</a> میتوانید یک طراح وب شوید </p>
</body>
</html>


استفاده از ویژگی _target برای تگ a

در صورتیکه بخواهیم لینک مورد نظر در یک صفحه جدید باز شود از این ویژگی به شکل زیر استفاده می کنیم .


<a href="http://a-karimi.blog.ir/" target="_blank">آموزش وب</a>

استفاده از ویژگی Title برای تگ  a

با استفاده از این صفت وقتی ماوس بر روی پیوند مورد نظر قرار می گیرد متنی که در جلوی این صفت نوشته شده  ظاهر می شود.


<a href="http://a-karimi.blog.ir/" target="_blank" title="آموزش وب">آموزش وب</a>

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی