نحوه آدرس دهی و لینک دادن درون کدهای html

مطالعه این مقاله : 2 دقیقه

ساختن لینک در html

از سری آموزش های از صفر تا انتها html دنبال خواهیم کرد با مقاله لینک ها در html
در این آموزش شما می توانید نحوه ایجاد پیوند یا لینک به صفحات دیگر را در HTML یاد بگیرید.
در واقع لینک ها قابلیت رفتن از مکانی به مکان دیگر را فراهم میکنند,
هر چیزی بین برچسب <a> شروع و بسته شدن </a> باشد بخشی ازلینکی است
که کاربر در یک مرورگر می بیند و کلیک می کند. بریم در ادامه مطلب با مثال های عملی در ادیتور کار کنیم تا بهتر بیشتر آشنا بشویم…

۹

مثال های کاربردی

کد را امتحان کنید

<a href="https://www.google.com/" target="_blank">Google</a>
<a href="./examples/images/html-Creating-Links.jpg">
<img src="./examples/images/html-Creating-Links.png" alt="novin">
</a>
<a href="https://novinwebhost.com/">novinwebhost.com</a>

کمی توضیح میدم همانطور که میبینید در کد های بالا بعد از تگ a خصوصیت href استفاده شده ویژگی href مقصد لینک رو مشخص می کند. مقدار آن هم می تواند یک URL مطلق یا نسبی باشد.در ادامه لینک هم که خصوصیت target رو استفاده کردیم یعنی اینکه به مرورگر میگیم آدرس مقصد رو به چه سبک برامون باز کن در ادامه سبک ها رو بررسی میکنیم.

تعریف کردن سبک های ویژگی target

” target=”_blank” مقصد لینک را در یک پنجره یا برگه جدید باز می کند.

” target=”_parent” مقصد لینک را در پنجره والدین باز می کند.

” target=”_top” مقصد لینک را در پنجره کامل مرورگر باز می کند.

حالا میتونید با مثال های زیر با ویژگی و خصوصیت target بصورت عملی آشنا بشیم و بهتر درک کنید .

مثال های کاربردی

کد را امتحان کنید

<a href="/filename/about-us.php" target="_top">در باره ما</a>
<a href="./examples/images/html-Creating-Links.jpg" target="_parent">
<img src="./examples/images/html-Creating-Links.png" alt="Cloudy Sky">
</a>
<a href="https://www.google.com/" target="_blank">Google</a>

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

ابر تگ ها :