021-28423015

استایل های HTML

استایل های html از جمله عناصری است که موارد بسیاری با استفاده از آنها بر روی اسناد HTML می توان اعمال کرد.
این متن قرمز است
این متن آبی است

استایل ها
<p style="color:red;">این یک متن قرمز است</p>
<p style="color:blue;">این یک متن آبی است</p>
<p style="font-size:36px;">این یک متن بزرگ است</p>
مشاهده مثال

استایل های  HTML - صفت style

تنظیم استایل (شیوه یا نحوه نمایش عناصر) عناصر در HTML با استفاده از صفت style انجام می شود. ترکیب صفت style در HTML به شکل زیر است :

<tagname style="property:value;">

تشریح  ترکیب کد :
نام تگ = tagname
صفت = property
مقدار = value
صفت (property) و مقدار (value) ، صفت و مقدار CSS هستند. در آموزش های مخصوص CSS با این زبان بیشتر آشنا خواهید شد.

رنگ پس زمینه در HTML

صفت background-property رنگ  پس زمینه را برای یک عنصر HTML تعیین می کند. مثال زیر رنگ زمینه یک صفحه را بر روی آبی بسیار کم رنگ تنظیم می کند :

رنگ پس زمینه
<body style="background-color:powderblue;">

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

</body>
مشاهده مثال

رنگ متن در HTML

صفت color رنگ متن یک عنصر را در HTML تعیین می کند.
مثال :
 

رنگ متن
<h1 style="color:blue;">این یک تیتر است</h1>
<p style="color:red;">این یک پاراگراف است</p>
مشاهده مثال

فونت ها در HTML

صفت font-family ، فونت مورد استفاده یک عنصر HTML را مشخص می کند.
مثال :

فونت ها
<h1 style="font-family:arial;">این یک تیتر است</h1>
<p style="font-family:tahoma;">این یک پاراگراف است</p>
مشاهده مثال

اندازه متن در HTML

صفت font-size اندازه متن یک عنصر را مشخص می کند.
مثال :

اندازه متن
<h1 style="font-size:300%;">این یک تیتر است</h1>
<p style="font-size:160%;">این یک پاراگراف است</p>
مشاهده مثال

ترازبندی متن در HTML

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

تراز متن
<h1 style="text-align:center;">تیتر وسط چین</h1>
<p style="text-align:center;">پاراگراف وسط چین </p>
مشاهده مثال

خلاصه درس :

  • برای تنظیم نحوه نمایش عناصر (استایل) از صفت style
  • برای تعیین رنگ پس زمینه از صفت background-color
  • از صفت color برای تعیین رنگ متن
  • از صفت font-family برای تعیین فونت متن
  • از صفت font-size برای تعیین اندازه متن
  • و از صفت text-align برای تنظیم ترازبندی متن استفاده می شود.
     

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

نظرات

علی یزدی سلام.چجوری میتونیم به یک پاراگراف هم نوع فونت رو بدیم هم اینکه در تراز بندی در کجای صفحه قرار بگیره؟
مهدی احدی سلام علی جان شما میتونید از این کد استفاده کنید P{font-family:koodak ; text-align:justify; direction:rtl;}برای راهنمایی بیشتر از آدرس زیر هم میتونید استفاده کنید.https://www.webmehraz.com/tuts/article/10183وhttps://www.webmehraz.com/tuts/article/10182

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط