طراحی وب سایت

آموزش لنگر در html

آموزش لنگر در html

آموزش لنگر در html

آموزش لنگر در html

لنگر در html چیست؟

در اصل لنگر در html، لینک دادن به بخشی از صفحه فعلی سایت است. با استفاده از لنگر می توانید به بخش های مختلف یک صفحه لینک دهید. در زیر نمونه ای از لینک لنگر آمده است.

اگر روی گزینه “رفتن به سخن پایانی” کلیک کنید، به بخش سخن پایانی در این صفحه انتقال خواهید یافت!

[button color=”red” size=”medium” link=”#langar” icon=”” target=”false”]رفتن به سخن پایانی[/button]

آموزش ساخت لنگر در html

مرحله اول)

برای ساخت لنگر باید به جایی که می خواهید لنگر بزنید، ویژگی id را اضافه و نامی را برای آن انتخاب کنید. در زیر ساختار id آمده است.

id="یک نام انگلیسی یکتا"

id را به تگی که می خواهید لنگر شود شبیه بالا وارد کنید. فقط به جای “یک نام انگلیسی یکتا”، یک کلمه انگلیسی خاص بگذارید. این کلمه انگلیسی خاص آی دی شما است و  در ادامه لازم می شود.

مرحله دوم)

حالا باید یک لینک ایجاد کنید. اما آدرس آن را باید به صورت زیر وارد کنید. در زیر نمونه کامل از لینک لنگر آمده است.

نمونه تگ لینک:

<a href=”#نام آی دی اینجا قرار می گیرد”>با کلیک روی این، به لنگر منتقل می شوید</a>
نمونه آدرس دهی به لنگر:

#نام آی دی خود که برای لنگر اینجا قرار دهید

نمونه لینکی که در بالا مشاهده می کنید، لینک اصلی لنگر است که کافیست در بخش href بگذارید. حالا با کلیک روی آن به لنگر منتقل خواهید شد!

لنگر چه فایده ای دارد

لنگر در html به ما کمک می کند که مطالب را در html تقیسم بندی کنیم و به کاربر این امکان را بدهیم که به راحتی به قسمت مورد نظر خود با یک کلیک برود.

 

 

سخن پایانی

امیدوارم از آموزش “لنگر در html” برای شما عزیزان کاربردی باشد. در صورتی که سوالی دارید از با آی دی Globalizationreport@ در تلگرام، در میان بگذارید.

لینک کوتاه مطلب: https://b2n.ir/909886

[button color=”blue” size=”medium” link=”https://t.me/tarasheha” icon=”” target=”true”]کانال آموزشگاه تراشه[/button]

بازگشت به لیست

مطالب مرتبط