آموزش تگ style در html

//

تگ style در html

تگ style

تگ style یا استایل ، تگی است که در قسمت هد یا Head صفحه قرار میگیرد و با استفاده از آن میتوان دستورات CSS را درون صفحه تعریف کرد.تگ style یا استایل ، تگی است که در قسمت هد یا Head صفحه قرار میگیرد و با استفاده از آن میتوان دستورات CSS را درون صفحه تعریف کرد.

تگ Style در HTML چیست؟

از این Tag برای اعمال Style Sheet یا همان استایل به سند HTML و طراحی ظاهر سایت استفاده می شود.

رنگ ها و فونت ها و… باید در تگ < Style > قرار بگیرند تا اعمال شوند.

زبان CSS نیز دقیقا برای همینکار ایجاد شده، یعنی برای ایجاد استایل و بطور کلی برای شکل و شمایل دادن به سایت ما باید از زبان CSS و دستوراتی که در این زبان وجود دارند استفاده نماییم.

شما در هر سند HTML می توانید از چندین تگ style استفده کنید.

نکته: شما باید تگ < Style > را درون تگ Head قرار دهید.

تگ < Style > مانند بسیاری از تگ های سند HTML دارای یک تگ باز opening tag و یک تگ بسته closing tag می باشد.

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

برای لینک کردن به یک فایل CSS خارجی، از تگ link استفاده می کنیم.

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

آموزش تگ style

نکات مهم درمورد تگ استایل

  • تگ استایل حتما باید داخل تگ head نوشته بشه. بعد از شروع و قبل از پایان. میتونیم در هر جایی داخل head قرارش بدیم.
  • باید به صورت تگ باز و تگ بسته نوشته بشه و دستورات css بین تگ های آغازی و پایانی نوشته میشن.
  • استفاده از این تگ و در نهایت استفاده از استایل دهی داخلی برای اعمال دستورات css در html کاری غیر حرفه ایست.
  • میتوان در یک صفحه html از چندین تگ style استفاده کرد، اما توصیه نمیشه.
  • هر تگ استایل تنها برای یک صفحه قابل استفاده است. به عبارتی تگ style برای صفحه ای اعمال میشه که داخل اون نوشته شده. برای یک سایت با ۳ صفحه، باید در داخل هر صفحه یک تگ css نوشت.
آموزش ویژگی های Height و Width در CSS
یک آموزش جذاب دیگه!

همان طور که مشاهده می کنید تمام ویژگی های ظاهری سایت باید در تگ Style قرار بگیرند.

امیدواریم آموزش تگ style و کاربرد تگ استایل در اچ تی ام ال برای شما مفید بوده باشد.

پاسخ وردپرس را در شبکه های اجتماعی دنبال کنید.

دانلود فایل این جلسه

برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.

آموزش نرم افزار های مورد نیاز طراحی وب سایت

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

طراحی وب

در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .

آموزش css html آموزش HTML5 CSS3

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

آموزش html

میانگین رتبه 4.5/5 تعداد رای : 2

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی