قدم قبلی > | < قدم بعدی |
استایل های HTML
در این آموزش html به معرفی استایل های HTML می پردازیم.
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ | <!DOCTYPE html> <html> <body> <p>I am normal</p> <p style="color:red;">I am red</p> <p style="color:blue;">I am blue</p> <p style="font-size:50px;">I am big</p> </body> </html> |
خصیصه های استایل HTML
تنظیم استایل یک عنصر HTML را می توان با ویژگی استایل انجام داد.
خصیصه استایل HTML دارای نحو زیر است:
۱ | <tagname style="property:value;"> |
property یک ویژگی CSS است. value یک مقدار CSS است.
بعدا در این آموزش بیشتر درباره CSS یاد خواهید گرفت.
رنگ پس زمینه HTML
خصوصیات پس زمینه رنگ پس زمینه را برای یک عنصر HTML تعریف می کند.
این مثال رنگ پس زمینه برای یک صفحه را به پودر قلم می دهد:
۱ ۲ ۳ ۴ ۵ ۶ | <body style="background-color:powderblue;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> |
رنگ متن HTML
خصوصیات رنگ متن را برای یک عنصر HTML تعریف می کند:
۱ ۲ | <h1 style="color:blue;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> |
فونت های HTML
خاواده فونت-ویژگی فونت را برای یک عنصر HTML تعریف می کند:
۱ ۲ | <h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p> |
اندازه متن HTML
مقدار font-size اندازه متن را برای یک عنصر HTML تعریف می کند:
۱ ۲ | <h1 style="font-size:300%;">This is a heading</h1> <p style="font-size:160%;">This is a paragraph.</p> |
ترازبندی متن HTML
خصوصیات text-align تعریف متن افقی متن را برای یک عنصر HTML تعریف می کند:
۱ ۲ | <h1 style="text-align:center;">Centered Heading</h1> <p style="text-align:center;">Centered paragraph.</p> |
خلاصه ی فصل
- استفاده از ویژگی style برای ظاهر سازی عناصر HTML استفاده کنید
- استفاده از background-color برای رنگ پس زمینه استفاده کنید
- استفاده از color برای رنگ متن استفاده کنید
- استفاده از font-family برای فونت متن
- استفاده از font-size برای اندازه متن استفاده کنید
- استفاده از text-align متن برای متن
گام قبلی > | < گام بعدی |
هنوز دیدگاهی برای این مطلب ثبت نشده است.