آموزش های سبک های HTML


شیوه نوشتن سبک برای HTML بصورت زیر میباشد:

 style="property:value"

property یک خصوصیت  CSS است و value هم یک مقدار CSS است.

در مثال پایین رنگ پیشفرض پس زمینه را از سفید به خاکستری روشن تغییر میدهیم.

 <html>

<body style="background-color:lightgrey">

 <h1>This is a heading</h1>

<p>This is a paragraph.</p>

 </body>

</html>

رنگ متن

خصوصیت color رنگ متن را برای استفاده در همه عناصر HTML مشخص میکند:

 <html>

<body>

 <h1 style="color:blue">This is a heading</h1>

<p style="color:red">This is a paragraph.</p>

 </body>

</html>

فونت

خصوصیت font-family فونتی را که میخواهیم به یک عنصر HTML بدهیم مشخص میکند.

 <html>

<body>

 <h1 style="font-family:verdana">This is a heading</h1>

<p style="font-family:courier">This is a paragraph.</p>

 </body>

</html>

تغییر اندازه متن

با بهره گیری از خصوصیت font-size میتوانیم اندازه متن عناصر HTML را تغییر دهیم.

 <html>

<body>

 <h1 style="font-size:300%">This is a heading</h1>

<p style="font-size:160%">This is a paragraph.</p>

 </body>

</html>

 

ترازبندی متن

 

خصوصیت text-align ترازبندی متن را بصورت افقی برای هر عنصری از HTML مشخص میکند.

 <html>

<body>

 <h1 style="text-align:center">Centered heading</h1>

<p>This is a paragraph.</p>

 </body>

</html>

 


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:






موضوعات مرتبط: آموزش طراحی وبسایت ، ،
برچسب‌ها:

تاريخ : پنج شنبه 19 اسفند 1395برچسب:, | 6:42 | نویسنده : محمد |

.: Weblog Themes By SlideTheme :.


  • سحر دانلود