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

تگ استایل صفحه و لینک

تگ استایل صفحه ( Style ):

یکی از روش های تعریف استایل Css ، استفاده از تگ استایل ( تگ Style ) در بخش head صفحات html است ،

که با تعریف آن میتوان در تمام صفحه برای ظاهر سایت استفاده نماییم.

توضیح در مورد کدهای Css برای Style صفحات را در بخش آموزش Css و نیز مزایا و معایب تعریف این کدها نسبت

به روش های دیگر تعریف Style با استفاده از Css را در بخش آموزش نوع تعریف دنبال نمایید .

طریقه ی تعریف آن بصورت زیر می باشد :

<style type="text/css" >
.
. Css Code
.
</style>

 


تگ لینک ( Link ) :

این تگ حاوی خصیصه های مختلفی برای ارتباط با فایل های خارجی می باشد.

توصیه می شود که تگ لینک ( تگ Link ) در بخش head سایت استفاده گردد.

مهمترین استفاده های آن :

۱ – تعریف استایل ( Style ) خارجی :

مهمترین کاربرد این تگ تعریف استایل (Style) خارجی حاوی کدهای Css می باشد.

یکی از روش های دیگر تعریف Css برای ظاهر و Style صفحه Html استفاده از فایل خارجی حاوی کد Css و تعریف آن در تگ Link در بخش Head صفحه می باشد.

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

برای تعریف Style خارجی فایل حاوی Css از کد زیر استفاده نمایید :

 


<link rel="Stylesheet" type="text/css" href="آدرس فایل سی اس اس" />
<link rel="Stylesheet" type="text/css" href="../Css/theme1.css" />
<link rel="Stylesheet" type="text/css" href="../Css/theme2.css" />

۲ – تعریف آیکون صفحه :

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

<link rel="icon" href="./Design/ICON.ICO" type="image/x-icon" /> 

و

<link rel="shortcut icon" href="./Design/ICON.ICO" type="image/x-icon" />

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

 

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

دیدگاهتان را بنویسید