گروه آموزش طراحی سایت 25 اردیبهشت 1392 بدون نظر 575 بازدید آموزش HTML

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

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

لینک ها

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

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


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

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

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

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

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


<a href="http://www.onliner.ir" > <img src="onliner.jpg"/> </a>

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

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

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

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


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

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

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

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

اول صفحه

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

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