لینک ها، سبک ها و رنگ ها در html

لینک ها به شما اجازه می دهند تا بتوانید با کلیک بر روی یک نوشته یا تصویر و یا هر المان دیگری به راحتی به آدرس یک سند html دیگر بروید. در html برای لینک دادن از تگ <a> استفاده می شود (عبارت a مخفف anchore یا لنگر است). دو ویژگی مهم و مختص تگ a عبارتند از href که مشخص کننده مقصد لینک بوده و target که مشخص می کند html مقصد چگونه باز شود. در زیر یک لینک با صفاتش مشاهده می کنید.

آنچه در این مقاله می خوانید ...

لینک ها! لینک های داخلی! لینک های خارجی! الحاق استایل خارجی در سند html! رنگ ها در html:!

<a href=”https://hamanweb.ir/” title=”کلیک کنید” target=”_blank” rel=”follow”>hamanweb</a>

لینک ها

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

لینک های داخلی

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

لینک های خارجی

لینک های خارجی برای آنکه کاربران را به سایت دیگری منتقل کرده تا در آنجا به مقصود خود برسند مورد استفاده قرار می گیرند برای اینکه به اهمیت لینک های خارجی پی ببرید کافیست تا مقاله بک لینک را مطالعه نمایید.

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

توجه همچنین می توان از لینک ها برای رفتن به قسمتی از متن های طولانی استفاده کرد.

الحاق استایل خارجی در سند html

همانطور که قبلا مشاهده فرمودید سبک ها (style) به سه روش مختلف در سند html ایجاد می شوند. در زمان الحاق سبک های خارجی (external) از تگ link و به صورت زیر استفاده می شود:

<link href=”style.css” rel=”stylesheet” type=”text/css”>

تگ link را در قسمت head سند html و برای الحاق مواردی همچون cssها قرار می دهند.

رنگ ها در html:

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

rgb(249,4,9)

rgba(0,0,0,0.8)

#ffff00

hsla(218,100%,50%,0.8)

hsl(138,100%,50%)

مبحث رنگ ها بسیار ساده اما گسترده است اگر نیاز به اطلاعات بیشتر در این زمینه دارید به اینجا مراجعه نمایید.

از این رنگ ها می توانید برای رنگ آمیزی همه عناصر با استفاده از صفاتی همچون :background border color و… استفاده کنید.

توجه در کد رنگ های hsla و rgba می توانید با پارامتر a میزان شفافیت (transparent) رنگ را تنظیم کنید.