آموزش تگ style در html
تگ style در html
فهرست موضوعات در این آموزش
تگ 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 مورد نظرتان استفاده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> h1{ background-color: blueviolet; padding: 15px; text-align: center; color: #fff; } </style> <title>Document</title> </head> <body> <h1>پاسخ وردپرس</h1> </body> </html> |
نکات مهم درمورد تگ استایل
- تگ استایل حتما باید داخل تگ head نوشته بشه. بعد از شروع و قبل از پایان. میتونیم در هر جایی داخل head قرارش بدیم.
- باید به صورت تگ باز و تگ بسته نوشته بشه و دستورات css بین تگ های آغازی و پایانی نوشته میشن.
- استفاده از این تگ و در نهایت استفاده از استایل دهی داخلی برای اعمال دستورات css در html کاری غیر حرفه ایست.
- میتوان در یک صفحه html از چندین تگ style استفاده کرد، اما توصیه نمیشه.
- هر تگ استایل تنها برای یک صفحه قابل استفاده است. به عبارتی تگ style برای صفحه ای اعمال میشه که داخل اون نوشته شده. برای یک سایت با ۳ صفحه، باید در داخل هر صفحه یک تگ css نوشت.
همان طور که مشاهده می کنید تمام ویژگی های ظاهری سایت باید در تگ Style قرار بگیرند.
امیدواریم آموزش تگ style و کاربرد تگ استایل در اچ تی ام ال برای شما مفید بوده باشد.
پاسخ وردپرس را در شبکه های اجتماعی دنبال کنید.
برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.
آموزش نرم افزار های مورد نیاز طراحی وب سایت
در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .
در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .
آموزش css html آموزش HTML5 CSS3
در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.
هنوز بررسی‌ای ثبت نشده است.