معرفی Style به صورت external در HTML :
در HTML، می‌توانیم از چند روش برای تعریف استایل استفاده کنیم. یکی از روش‌هایی که می‌توانیم از آن استفاده کنیم، استفاده از استایل خارجی یا external style می‌باشد. در این روش، استایل‌ها در یک فایل جداگانه با پسوند .css قرار می‌گیرند و سپس با اضافه کردن لینک فایل css به head صفحه HTML، می‌توان به سادگی از آن استفاده کرد.
راه اندازی استایل خارجی بسیار ساده است. ابتدا یک فایل با پسوند .css بسازید. در این فایل، استایل‌های خود را تعریف کنید. برای مثال، می‌توانید یک استایل برای فونت‌ها، یک استایل برای رنگ پس زمینه و یک استایل برای حاشیه‌ها ایجاد کنید. سپس، لینک فایل css را در head صفحه HTML قرار دهید. برای این کار، از تگ link با attribute rel=”stylesheet” و attribute href=”نام فایل css” استفاده کنید.
مزیت استفاده از استایل خارجی این است که شما می‌توانید استایل‌های مختلف را در فایل css جداگانه تعریف کنید و سپس از آن‌ها در هر صفحه HTML که نیاز دارید، استفاده کنید. همچنین، با استفاده از استایل خارجی، می‌توانید کدهای HTML خود را ساده‌تر و خواناتر کنید، زیرا تمام استایل‌های شما در فایل css قرار دارند و در کدهای HTML شما نیستند.
به عنوان یک مثال، فرض کنید که شما می‌خواهید استایل‌های مربوط به یک وب‌سایت را تعریف کنید. می‌توانید یک فایل با پسوند .css بسازید و در آن استایل‌های خود را تعریف کنید. سپس، فایل css را با نام style.css در پوشه css ذخیره کنید. حالا، برای لینک دادن فایل css به صفحه HTML خود، از کد زیر استفاده کنید:
“`html
“`
با اضافه کردن این کد به head صفحه HTML، استایل‌های شما به صفحه HTML اعمال می‌شوند. همچنین، با استفاده از این روش، می‌توانید در فایل css خود، استایل‌هایی را تعریف کنید که به صفحات HTML خاصی اعمال شوند، به جای این که استایل‌ها را برای همه صفحات HTML در یک فایل css قرار دهید.
در نتیجه، استفاده از استایل خارجی در HTML، یکی از روش‌هایی است که به شما کمک می‌کند استایل‌های خود را به صورت جداگانه تعریف کنید و از آن‌ها در صفحات HTML خود استفاده کنید. این روش به شما این امکان را می‌دهد که کدهای HTML خود را ساده‌تر و خواناتر کنید و همچنین کنترل بیشتری بر روی استایل‌های خود داشته باشید.
