آپ وبآپ وبآپ وبآپ وب
  • صفحه اصلی
  • هاست مخصوص وردپرس
  • هاست لینوکس ( Cpanel )
    • هاست سی پنل آلمان
    • هاست سی پنل ایران (پیشنهاد)
    • هاست ارزان
    • هاست نمایندگی
  • هاست ویندوز ایران
  • سرور مجازی
    • سرور مجازی SSD آلمان
    • سرور مجازی فنلاند
  • قالب وردپرس رایگان
    • فروشگاهی
    • شرکتی
    • همه قالب ها
  • دامنه
    • جستجو و ثبت دامنه
    • گواهی SSL
  • پشتیبانی
    • ارسال درخواست پشتیبانی
    • ارتباط با ما / درباره ما
    • آموزش هاستینگ
    • آموزش HTML
    • قوانین
    • کسب درآمد در آپ وب
ورود به سایت
✕

استایل و سبک ها در HTML

اموزش html

استایل HTML

از ویژگی استایل HTML برای افزودن سبک به یک عنصر مانند رنگ ، قلم ، اندازه و موارد دیگر استفاده می شود.

تمام المان های HTML از مقادیر پیش فرض ظاهری برخوردار هستند. برای مثال پس زمینه سفید، رنگ متن سیاه، اندازه فونت 14 پیکسل و ….

تغییر سبک نمایش ظاهری المان های HTML با استفاده از ویژگی استایل انجام می شود.

مثال:

من قرمز هستم

من آبی هستم

من بزرگ هستم


ویژگی استایل در HTML

تنظیم سبک یک عنصر HTML می تواند با ویژگی style انجام شود.
 ویژگی style در HTML به صورت حالت کلی به شکل زیر است:
<tagname style="property:value;">

Property صفتی از جنس CSS  و value یک مقدار از جنس CSS است.


رنگ پس زمینه

ویژگی background-color رنگ پس زمینه را برای یک عنصر HTML تعریف می کند.

مثال:

رنگ پس زمینه صفحه را روی powderblue تنظیم کرده ایم:

<body style="background-color:powderblue;">

<h1>این یک عنوان است</h1>
<p>.این یک پاراگراف است</p>

</body>

 

مثال:

رنگ زمینه را برای دو عنصر مختلف تنظیم کرده ایم:

<body>

<h1 style="background-color:powderblue;">این یک عنوان است</h1>
<p style="background-color:tomato;">.این یک پاراگراف است</p>

</body>

 


رنگ متن

ویژگی color رنگ متن را برای یک عنصر HTML تعریف می کند:

مثال:

<h1 style="color:blue;">این یک عنوان است</h1>
<p style="color:red;">.این یک پاراگراف است</p>

فونت ها یا قلم ها

ویژگی font-family فونت مورد استفاده یا نوع قلم به کار رفته برای یک عنصر HTML را تعریف می کند:

مثال:

<h1 style="font-family:verdana;">این یک عنوان است</h1>
<p style="font-family:courier;">.این یک پاراگراف است</p>

 

اندازه متن

ویژگی font-size ، اندازه متن یا اندازه قلم نوشته شده را برای یک عنصر HTML تعریف می کند:

مثال:

<h1 style="font-size:300%;">این یک عنوان است</h1>
<p style="font-size:160%;">.این یک پاراگراف است</p>

تراز متن

ویژگی text-align ، برای تعریف مکان قرارگیری یک متن یا تراز متن (تراز متن از چپ، وسط یا راست باشد) را برای یک عنصر HTML تعریف می کند:

مثال:

<h1 style="text-align:center;">عنوان مرکزی</h1>
<p style="text-align:center;">.پاراگراف مرکزی</p>

 

خلاصه ی فصل 

از ویژگی style برای سبک دهی به عناصر HTML استفاده کنید
از ویژگی background-color برای رنگ پس زمینه استفاده کنید
از ویژگی color برای رنگ متن استفاده کنید
از ویژگی font-family برای قلم های متن استفاده کنید
از ویژگی font-size برای اندازه متن استفاده کنید
از ویژگی text-align برای ترازبندی متن استفاده کنید

مطالب مرتبط

اموزش html
3 خرداد 1401

آموزش طرح بندی و تکنیک های چیدمان عناصر HTML


ادامه مطلب
اموزش html
28 اردیبهشت 1401

آموزش استفاده از تگ Head در HTML بصورت جامع


ادامه مطلب
اموزش html
14 اردیبهشت 1401

آموزش آدرس دهی به فایل ها در HTML بصورت جامع


ادامه مطلب

آپ وب خانه امن رویاهای آنلاین شما


خرید هاست و ثبت دامنه پیش نیاز برای ایجاد سایت میباشد. سرعت بارگزاری هاست و اپتایم نقش مهمی در سئو سایت دارد. آپ وب تلاش میکند بهترین کیفیت هاست را برای شما ایجاد کند.

آپ وب با بیش از 8 سال سابقه در کنار شماست.

نماد اعتماد الکترونیکی


مجوز وزارت صنعت و معدن

خرید هاست



ارسال تیکت

ارتباط با ما


شماره تماس: 32625682-013
info@upweb.ir

نیاز به پشتیبانی دارید؟

اگر سوالی دارید از طریق تیکت به پشتیبان مطرح نمایید.


ارتباط با ما
© تمام حقوق برای شرکت هاستینگ آپ وب محفوظ می باشد.
ورود به سایت