سلام کاربران گرامی ، امیدوارم که حال شما خوب باشه؟ امروز میخوام درمورد استایل در html کمی صحبت کنیم ، امیدوارم که این مطالب برای شما مفید باشه , در مورد استایل در سی اس اس کمی توضیح میدم : توسط تگ style می توان برای اجزای اچ تی ام ال یا در واقع تگ های اچ تی ام ال یک استایل کلی تعیین کرد:
۱

<tagname style=”property:value;”>
خب در قسمت tagname شما باید نام تگ مورد نظر را بنویسید. مثلا تگ h1 در قسمت property نام استایل مورد نظرتان را بنویسید. مثلا استایل color (در مورد این استایل ها صحبت خواهیم کرد.) و در قسمت Value مقدار property مورد نظر را باید بنویسید مثلا برای color می توانید مقدار red را ذکر نمایید. در زیر به چند نمونه مهم اشاره می شود:

۱٫رنگ زمینه یک فایل اچ تی ام ال:
۱
۲
۳
۴

<body style=”background-color:blue;”>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
background-color: یکی از property های مهم در سی اس اس می باشد که مقدار آن در این قسمت برابر آبی می باشد.

۲٫رنگ متون:
۱

<h1 style=”color:blue;”>This is a heading</h1>
Color نیز از آن دسته استایلهای مهم در سی اس اس می باشد. که مقدار آن در این خط کد برابر آبی است.

۳٫فونت متون:
۱

<h1 style=”font-family:verdana;”>This is a heading</h1>
توسط استایل font-family می شود فونت مربوط به یک متن را تغییر دهید، توجه داشته باشید توسط این کد تنها در صورتی فونت مربوطه نمایش داده می شود که آن فونت روی سیستم مشاهده کننده نصب شده باشد.

۴٫اندازه متون:
۱

<h1 style=”font-size:300%;”>This is a heading</h1>
برای تغییر اندازه متون می توانید از استایل font-size استفاده کنید. البته مقدار آن را هم می توان با درصد هم به شکل عدد ساده نوشت.

۵٫تراز بندی متون:
۱

<h1 style=”text-align:center;”>Centered Heading</h1>
با استایل text-align به سادگی می توانید متن را در بین قسمت های راست، چپ و وسط صفحه به نمایش بگذارید. مقدار center به معنای مرکز یا وسط می باشد.

چند نکته مهم در Style در html

تمام قسمت های تگ style داخل ” ” قرار می گیرند.
مقدار یک استایل با خود استایل با علامت : جدا می شوند.
در آخر هر مقدار دهی باید از علامت ; استفاده کنید.
فرمت متون در HTML
حالت های نمایشی متون متفاوت هستند، شما می توانید متنی را برجسته نشان دهید، زیرخط دار، و… . در اچ تی ام ال این کار به سادگی انجام پذیر هستش کافیه که لیست تگ های زیر رو مطالعه کنید و متن مورد نظرتون رو بین یکی از این تگ ها قرار بدید:

<b> – قوی کردن متن
<strong> – مهم نشان دادن متن (قوی کردن متن)
<i> – کج کردن متن
<em> – کج کردن متن
<mark> – مارک دار کردن متن با پشت زمینه زرد
<small> – متن کوچک
<del> خط کشیدن روی متن
<ins> زیر خط دار کردن متن
<sub> – متن زیر نویس
<sup> – متن بالا نویس برای مثال در توان گذاری اعداد
نکته: بعضی از تگ ها دارای یک عملکرد هستند مثل دو تگ اول در لیست، کاربرد این طور تگ ها برای مرورگر ها و موتورهای جستجوگر مهم تر هستند. برای مثال اگر صرفا جهت نمایش می خواهید متنی را نمایش بدهید از b استفاده کنید، اما اگر متن شما حائز اهمیت است از strong این شرایط برای em و i نیز به همین شکل می باشد.