آموزش HTML – قسمت دهم(آشنایی با لینک ها)
سلام
با دهمین جلسه از آموزش HTML در خدمتتون هستم ؛ در جلسه قبل با css آشنایی مختصری پیدا کردیم ، حالا در این قسمت می پردازیم به کار با لینک و اینکه چه جوری میتونیم یک لینک ایجاد کنیم و همچنین با خصوصیات تگ لینک <a> آشنا بشیم.
- لینک
۱ |
<a href="url">link text</a> |
کد بالا یک لینک است ، که به جای url میتونید آدرس سایت،آدس صفحه،آدرس عکس و … قرار بدید و به جای Link test عبارت لینک را قرار بدید.
- مثال
۱ |
<a href="https://beporsam.ir/add_question/">ارسال سوال</a> |
متن لینک می تونه هر چیزی باشه اعم از عکس،دکمه .. ، برای نمونه در مثال زیر به جای متن یک عکس قرار دادم:
۱ |
<a href="https://beporsam.ir/add_question/"><img src="http://sg-designer.ir/wp-content/themes/sg-designerfinall/images/logo.png"></a> |
- خصوصیت Traget در تگ <a>
با استفاده از Target میتونیم مشخص کنیم که مثلا وقتی روی لینک کلیک میشه چه عملی انجام بشه ، تو همین پنجره ای که هستم باز باشه ، تو پنجره جدیدی باز بشه و … .
۱ |
<a href="https://www.beporsam.ir" target="_blank">بپرسم</a> |
نتیجه کد بالا اینه که اگه روی لینک کلیک بشه تو پنجره جدیدی لینک نمایش داده میشه.
دیگر مقدارهایی که target میگیره عبارت است از:
۱ ۲ ۳ ۴ ۵ |
<a href="https://www.beporsam.ir" target="_blank">بپرسم</a> <a href="https://www.beporsam.ir" target="_self">بپرسم</a> <a href="https://www.beporsam.ir" target="_parent">بپرسم</a> <a href="https://www.beporsam.ir" target="_top">بپرسم</a> <a href="https://www.beporsam.ir" target="framename">بپرسم</a> |
پس آموختیم که برای ایجاد لینک از تگ <a> استفاده میشود.
با ما باشید تا آموزش های بعدی …
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید