در جلسه قبل دوره آموزشی HTML، ما مباحثی درمورد پاراگراف ها در HTML توضیح داده ایم و حال قصد داریم تا مبحث استایل ها (styles) را فرا بگیریم.

قبل از اینکه شروع کنیم، بیاید به یک مثال برای پاراگراف ها نگاه کنیم:

مثالی برای style

صفت style در HTML

مشخص کردن یک استایل برای یک تگ در HTML، می تواند با صفت style انجام گیرد.

صفت style در HTML، سینتکس Syntax (نحوه یا دستور العمل) زیر را دارد:

همانطور که مشاهده می کنید، ویژگی تگ بالا، ویژگی CSS را دارد و همچنین مقداری که برای آن وارد شده، یک مقدار CSS است.

نکته: در جلسات آینده این دوره، درباره CSS صحبت خواهیم کرد پس نگران نباشید.

رنگ پس زمینه

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

در مثال زیر، ما رنگ پس زمینه یک صفحه HTML را به رنگ powderblue (آبی پودری) در آورده ایم:

رنگ پس زمینه html

رنگ متن

کد سی اس اس color می تواند رنگ متن یک تگ HTML را مشخص کند.

مثال:

رنگ متن در HTML

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

فونت ها

کد سی اس اس font می تواند نوع فونت متن تگ HTML را توصیف کند.

مثال:

نوع فونت در html

همانطور که در مثال بالا مشاهده می کنید، ما نوع فونت متن اول را به فونت verdana و پس از آن، فونت متن دوم را به فونت courier تغییر داده ایم.

سایز متن

کد سی اس اس font-size می تواند اندازه فونت یک تگ HTML را توصیف کند.

مثال:

سایز متن در html

همانطور که در مثال بالا مشاهده می کنید، ما سایز متن اول (هدینگ اول) را به 300 درصد و سایز پاراگراف دوم را به 160 درصد تبدیل کرده ایم.

هم ترازی متن

کد سی اس اس text-align می تواند متن یک تگ html را هم تراز و مکان قرار گیری آن را مشخص کند.

تراز در تگ html

همانطور که در مثال بالا مشاهده می کنید، ما برای متن اول و دوم، یک تراز مشخص کرده ایم با نام center که معنای وسط است. درواقع ما دو متن بالا را “وسط چین” کرده ایم.

خلاصه این جلسه

از صفت style می توان برای استایل دهی تگ های HTML استفاده کرد.

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

از کد color می توان برای مشخص کردن رنگ متن استفاده کرد.

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

از کد font-size می توان برای مشخص کردن مقدار اندازه متون استفاده کرد.

از کد text-align می توان برای مشخص کردن محل قرار گیری متون و تراز بندی کردن آن ها استفاده کرد.

آموزش زبان HTML – جلسه ششم – پاراگراف هاآموزش زبان HTML – جلسه هشتم – قالب بندی متن
پیشنهاد می کنیم برای دریافت آخرین مطالب کانال تلگرام کانی تمزرا دنبال کنید .