طراحی سایت

لینک ها

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

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

1341 نفر
3 دقیقه
گروه آموزش طراحی سایت
بروزرسانی در: اردیبهشت 25, 1392

فهرست مطالب

در سلسله آموزشهای قبل آنلاینر به تعیین فونت ها در html پرداختیم.

در این مقاله قصد آموزش لینک ها و صفت های مربوط به آن  را داریم.

لینک ها

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

طریقه ایجاد یک ابر متن با آدرس دهی مطلق:

[html]

<a href="https://www.onliner.co" > طراحی وب سایت آنلاینر </a>

[/html]

خروجی تکه کد بالا:

طراحی وب سایت آنلاینر

کد بالا متن طراحی وب سایت آنلاینر را به صفحه سایت آنلاینر ارتباط میدهد.برای ایجاد یک لینک بدانید که هر عاملی که در بین تگ <a> قرار گیرد همان عامل تبدیل به لینک خواهد شد.

طریقه ایجاد یک لینک عکس:

[html]

<a href="https://www.onliner.co" > <img src="onliner.jpg"/> </a>

[/html]

تکه کد بالا عکسی را تبدیل به لینک کرده و با کلیک کاربر روی عکس به صفحه مورد نظر منتقل خواهد شد.
تگ <a> صفتی به نام href همیشه همراه خود دارد که ادرس مقصد را در خود نگهداری میکند.
دقت داشته باشید که برای آدرس دهی به یک وب سایت حتما آدرس شما به همراه HTTP:// باشد، در غیر اینصورت لینک مورد نظر شما درست کار نخواهد کرد.
به این نوع آدرس دهی ،آدرس دهی مطلق نیز گفته میشود.

طریقه ایجاد یک ابر متن با آدرس دهی نسبی:

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

به تکه کد زیر دقت کنید:

[html]

<a href="#bottom" >منابع </a>
.
.
.
.
<a name="bottom"> منابع </a>
لورم ایپسوم متنی ساختگی ایت برای طراحان وبسایت.
[/html]

در تکه کد بالا تگ <a> اول ، به تگی از صفحه اشاره میکند که نام آن “bottom” است. سپس کاربر با کلیک روی لینک اول به همان قسمت از صفحه که تگی با صفت name=”bottom” موجود است منتقل میشود.

آدرس دهی نسبی زمانی کاربرد پیدا میکند که در صفحه ای بخواهید مقاله ای را بصورت کامل قرار دهید و در قسمت بالایی صفحه برای رفاه کاربرانتان فهرستی با آدرس دهی نسبی درج کنید تا کاربر مجبور به اسکرول کردن صفحه ، جستجو و اتلاف وقت آن نشود.

برای درک بهتر آدرس دهی نسبی روی لینک زیر کلیک کنید تا به اول صفحه متنقل شوید.

اول صفحه

در آموزش بعد به مبحث صفات رایج کاربردی در جاوا میپردازیم.
با آنلاینر همراه شوید …

به این صفحه رتبه دهید
بدون دیدگاه
انتشار: اردیبهشت 25, 1392
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
گروه آموزش طراحی سایت

دیدگاه ها بسته شده اند.

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا